function animateGoTop() { var top = $(document).scrollTop(); var end = 0; var dur = 500; var t = 0; var ts = setInterval(function() { if (t >= dur) clearTimeout(ts); tt = Math.ceil(speed(t, top, -(top), dur)); $(document).scrollTop(tt); t += 50; }, 5
有些网站当滑到一定高度时右下角会有一个按钮,你只要一点就可以直接返回顶部了.那这个功能是怎么做到的呢.其实不算太难: 首先我们先在网页中创建一个按钮,上面写上返回顶部,把它的样式改成固定定位,之后想要什么样式都可以自己写上,再在上面设置一个id: 之后我们js中获取一下这个按钮的id,并且定义一个变量timer,方便接下来清除间隔器: 之后我们设置一个页面的滚动事件,在里面定义一个变量获取一下所滚动的高度: 再用一个判断语句来判断一下滚动的高度:我们在设置一个数来让按钮什么时候显示: var o
let backToTop = function() { let scrollToptimer = setInterval(function() { let top = document.body.scrollTop || document.documentElement.scrollTop; let speed = top / 4; if (document.body.scrollTop !== 0) { document.body.scrollTop -= speed; } else { d
原理如下: 假设要从数值A变化到数值B,如果是线性运动,则每次移动距离是一样:如果是缓动,每次移动距离不一样.那如何才能不一样呢?很简单,按比例移动就可以. 例如:每次移动剩余距离的一半. 对吧,超容易理解的. 比方说:你和初恋之间距离是64,每秒移动一半,则,你们之间的距离下一秒就是32, 再下一秒就是16,然后8,然后4,然后2,然后1,然后……你们就在一起了.你们在一起的这个过程就是一个典型的先快后慢的缓动运动过程,如下示意图: 用一个简单的公式表示就是: A = A + (B - A)