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

Javascript-Vuejs-自动整页平滑滚动,javascript,vue.js,Javascript,Vue.js,我有一个页面将显示在电视上(排行榜)。我正在寻找一种方法,使这一页自动滚动到底部,(在一个相当慢的速度)。一旦到达底部,要么重置到顶部,或者理想情况下,从顶部开始无限循环 我尝试过几种方法,但将它们移到vue中并不奏效。有人对如何最好地实现这一点有什么想法吗?使用并实现它感谢您的提示,我最终使用了setInterval()和ScrollBy(),并在底部使用ScrollTo()重置为顶部 pageScroll() { window.setInterval(() => { //

我有一个页面将显示在电视上(排行榜)。我正在寻找一种方法,使这一页自动滚动到底部,(在一个相当慢的速度)。一旦到达底部,要么重置到顶部,或者理想情况下,从顶部开始无限循环


我尝试过几种方法,但将它们移到vue中并不奏效。有人对如何最好地实现这一点有什么想法吗?

使用并实现它

感谢您的提示,我最终使用了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)
}

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

html {
  scroll-behavior: smooth;
}

你用了什么方法没用?谢谢!我实际上使用了SetInterval()和ScrollBy()
pageScroll(){window.SetInterval(()=>{//If在页面底部,滚动到顶部If(window.innerHeight+window.scrollY)>=document.body.offsetHeight)window.scrollTo(0,0)else window.ScrollBy(0,1)},25)