zoukankan      html  css  js  c++  java
  • HTML 回到顶部 浮动

    回到顶部
    <div id="FloatDIV" style="position: absolute; top: 0px; z-index: 9999; background: #fff000; cursor: pointer;" onclick="window.scrollTo(0,0);">回到顶部</div>
    <script type="text/javascript">// <![CDATA[
    var MarginLeft = 10;    //浮动层离浏览器右侧的距离
      var MarginTop = document.body.clientHeight - 80;   //浮动层离浏览器顶部的距离(浏览器高度-div高度)
      var Width = 25;            //浮动层宽度
      var Heigth= 80;           //浮动层高度
      
      //设置浮动层宽、高
      function Set()
      {
          document.getElementById("FloatDIV").style.width = Width + 'px';
          document.getElementById("FloatDIV").style.height = Heigth + 'px';
      }
      
      //实时设置浮动层的位置
      function Move()
      {
            var b_top = window.pageYOffset  
                    || document.documentElement.scrollTop  
                    || document.body.scrollTop  
                    || 0;
            var b_width= document.body.clientWidth;
          document.getElementById("FloatDIV").style.top = b_top + MarginTop + 'px';
          document.getElementById("FloatDIV").style.left = b_width - Width - MarginLeft + 'px';
          setTimeout("Move();",100);
      }
      
      Set();
      Move();
    // ]]></script>

    参考:博客园

  • 相关阅读:
    InPut 标签 HTML(表单)
    JavaScript Table 对象
    JCBD
    JCBD
    JavaScript prototype 属性
    Java8 新特性
    JavaScript 对象的使用
    Java 反射
    虚拟机VirtualBox启动虚拟机报Only Ethernet Adapter' (VERR_INTNET_FLT_IF_NOT_FOUND).
    Impala 数值函数
  • 原文地址:https://www.cnblogs.com/aongao/p/7637281.html
Copyright © 2011-2022 走看看