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)