JS返回顶部

来源:互联网 发布:淘宝标题测试 编辑:程序博客网 时间:2024/05/18 01:35

 #goTopBtn {position: fixed;line-height:36px;width:50px;bottom:40px;height:45px;cursor:pointer;display:none;background:url(/images/back_to_top_white.png);}


<div id="goTopBtn" title="返回顶部"></div>


<!--  返回顶部 -->

  <script type="text/javascript">
       $(window).scroll(function(){
         var sc=$(window).scrollTop();
         var rwidth=$(window).width()
         if(sc>0){
          $("#goTopBtn").css("display","block");
          $("#goTopBtn").css("left",(rwidth-100)+"px")
         }else{
         $("#goTopBtn").css("display","none");
         }
       })
       $("#goTopBtn").click(function(){
         var sc=$(window).scrollTop();
         $('body,html').animate({scrollTop:0},500);
       })
</script>