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

Question

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

Answer 1

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

Answer 2

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

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