jQuery实现回顶部效果

暴躁滚动

代码语言：javascript复制

$('html,body').scrollTop(0)

平滑滚动

代码语言：javascript复制

$('#top').click(function(){
                //滚动总距离
                var $page = $('html,body')
                var distance = $('html').scrollTop()   $('body').scrollTop()
                //滚动花的总时间
                var time = 500
                //滚动之间的间隔时间
                var intervalTime = 5
                //每一个小单元移动的距离 = 总距离/次数
                var itemDistance = distance/(time/intervalTime)
                //循环滚动
                var timer = setInterval(function(){
                    distance -= itemDistance
                    //到达顶部，停止定时器
                    if(distance<=0){
                        distance = 0//修正
                        clearInterval(timer)
                    }
                    $page.scrollTop(distance)
                },intervalTime)
            })

jquery

0 人点赞