Vue如何实现滚动条自动滚动?

Vue如何实现滚动条自动滚动?


回答:

可以使用 vue-seamless-scroll npm包实现无缝滚动
原理是使用requestAnimationFrame,transform: translate(x, y)更新dom样式实现


回答:

给滚动容器使用 ref 属性注册DOM 元素,然后使用定时器 setInterval() 来做间隔多少秒使用以下 scrollTo 设置一下滚动条位置。
然后在某一个生命周期函数内执行就好了这个定时器就好了,或者手动触发。记得在组件销毁时也销毁掉计时器。

如果说你是想做平滑滚动,可以考虑在使用 scrollTo 是开启平滑滚动 behavior: 'smooth'

以上是 Vue如何实现滚动条自动滚动? 的全部内容, 来源链接: utcz.com/p/934578.html

回到顶部