告别滚动抖动，实现流畅自动滚动！
很多开发者使用setInterval结合scrollTop实现自动滚动，但容易造成滚动条抖动，影响用户体验。本文分析原因并提供解决方案。
问题：使用setInterval不断增加scrollTop值，例如：
rollStart() {
const ulbox = document.getElementById("roolList");
if (ulbox.scrollTop >= ulbox.scrollHeight) {
ulbox.scrollTop = 0;
} else {
ulbox.scrollTop += 1;
}
}
setInterval(this.rollStart, t);
由于setInterval执行时间并非完全精准，且浏览器渲染机制限制，每次更新scrollTop后，浏览器需要时间渲染，造成滚动条位置跳动，最终出现抖动。
解决方案：问题并非setInterval本身，而是它与浏览器渲染机制的配合不佳。避免直接用setInterval操作scrollTop，建议使用更精细的滚动控制：
-
使用动画函数或
requestAnimationFrame： 这些方法能平滑地改变scrollTop值，实现流畅滚动，避免抖动。requestAnimationFrame尤其适合动画效果，因为它与浏览器渲染同步，效率更高。
通过更高级的DOM API和更精细的滚动控制，您可以轻松避免setInterval带来的滚动抖动，获得更佳的用户体验。
