点击按钮返回页面顶部

原理:点击按钮返回顶部效果(js):用了一个定时器,每30ms滚动条的位置上移一点,上移的距离越来越小,越靠近顶部上移的速度越慢,当滚动条距离顶部为0 ,删除定时器;或者在返回顶部的过程中用户移动滚动条,结束返回顶部效果,删除定时器,在当前页面停下来。
下面给个小demo,大家也可以自己试一试




    
        测试
    


返回顶部

你可能感兴趣的:(点击按钮返回页面顶部)