jQuery实现回顶部效果

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

$('#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)
            })