Js滚动条由慢到快返回顶部
时间: 2023-06-24 21:03:33 浏览: 92
js控制滚动条缓慢滚动到顶部实现代码
可以通过使用JavaScript来实现滚动条由慢到快返回顶部的效果。下面是一个实现的示例代码:
```javascript
function scrollToTop() {
var currentScroll = document.documentElement.scrollTop || document.body.scrollTop;
if (currentScroll > 0) {
window.requestAnimationFrame(scrollToTop);
window.scrollTo(0, currentScroll - (currentScroll / 5));
}
}
```
在这个函数中,我们首先获取当前页面的滚动距离。然后,如果当前滚动距离大于0,我们使用window.requestAnimationFrame()来递归调用scrollToTop()函数,并将滚动距离减少5分之1。这样就会产生一个逐渐减缓的效果,直到滚动到页面顶部。
你可以将该函数与一个按钮或其他触发器相关联,以便在用户单击时触发返回顶部的效果。
阅读全文