Question

我有一个将在电视（排行榜）上显示的页面。我正在寻找一种方法让这个页面自动滚动到底部（以非常慢的速度）。一旦在底部或重置到顶部，或理想情况下可能只是从顶部的无限循环。

我尝试了几种方法，但将它们移到vue并没有正常工作。任何人对如何最好地实现这一点有任何想法？

Answer 1

感谢您的提示，我最终使用了setInterval（）和ScrollBy（），并在底部使用ScrollTo（）重置为顶部。

pageScroll() {
  window.setInterval(() => {
    // If at page bottom, scroll by to top
    if((window.innerHeight + window.scrollY) >= document.body.offsetHeight)
      window.scrollTo(0, 0)
    else
      // Scroll 1px down
      window.scrollBy(0, 1)
   }, 25)
}

Answer 2

您始终可以在CSS上使用html滚动平滑行为

html {
  scroll-behavior: smooth;
}

Answer 3

使用setInterval()＆amp; scrollTo()实施它

Javascript - Vuejs - 自动整页平滑滚动

3 个答案: