zoukankan      html  css  js  c++  java
  • 原生js-返回顶部

    html部分:

    <body style="height:2000px">
      <div id="div1">
        返回顶部
      </div>
    </body>

    css部分:

    #div1{
      position:fixed;
      _position:absolute;
      right:0;
      bottom:0;
      200px;
      height:200px;
      background:#f00;
      display:none;
    }

    js部分:

    window.onscroll=function(){
      if(-[1,]){
        var y=window.pageYOffset;
      }else{
        var y=document.documentElement.scrollTop;
      }
      var div1=document.getElementById("div1");
      if(y>=150){
        div1.style.display="block";
      }else{
        div1.style.display="none";
      }
      div1.onclick=function(){
        window.scrollTo(0,0);
      }
    }

      

  • 相关阅读:
    mapreduce 函数入门 三
    *hiho 1475
    hiho 1571
    hiho 1620
    hiho 1613
    centos下nginx配置
    hiho 1617
    hiho 172周
    uva 11584
    hiho1605
  • 原文地址:https://www.cnblogs.com/yaxinwang/p/6457882.html
Copyright © 2011-2022 走看看