码迷,mamicode.com
首页 > 其他好文 > 详细

回到顶部

时间:2016-08-21 13:49:29      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:

//页面滚动时,是否显示回到顶部
$(window).scroll(function(){
    if($(window).scrollTop() > 1500){
        $(‘.returntop‘).show();
    }else{
        $(‘.returntop‘).hide();
    }
});

//回到顶部的点击事件
$(‘.returntop‘).click(function(){
    var timer = null;
    timer = setInterval(function(){ 
        var top = document.documentElement.scrollTop || document.body.scrollTop;
        var speed = Math.ceil(top/6);//高度小于6时可以一直递减到0
        document.documentElement.scrollTop = top - speed;//缓慢增加
        document.body.scrollTop = top - speed;
        if(!top){ 
            clearInterval(timer);
        }
    },50)
});

 

回到顶部

标签:

原文地址:http://www.cnblogs.com/camille666/p/returntop.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!