jquery 返回顶部

复制代码
/* 返回顶部 */
$(function(){
    $(window).scroll(function () {
     if($(window).scrollTop() > 200)//距离顶部多少高度显示按钮
     {
         $('.js_backup_top').slideDown(200);
     }else
     {
         $('.js_backup_top').slideUp(200);
     }
   }); 
    var timerReturnTop=null;
    $(".js_backup_top").live("click",function(){
        clearInterval(timerReturnTop);
        timerReturnTop=setInterval(function (){
            var scrollTopNum=document.documentElement.scrollTop||document.body.scrollTop;
            var speed=Math.floor(-scrollTopNum/3);
            if(scrollTopNum==0)
            {
                 clearInterval(timerReturnTop);
            }
            document.documentElement.scrollTop=scrollTopNum+speed;
            document.body.scrollTop=scrollTopNum+speed;//兼容chrome浏览器
        }, 30);
    });
});


<div class="js_backup_top">&nbsp;</div><!-- 返回顶部 -->
复制代码

 

posted @   静心聆听  阅读(120)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示