Javascript-Vuejs-自動整頁平滑滾動

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（）和scrollTo（）實現它