英文:
Window.scroll() method only working on hard reload, but not onMount() in Svelte
问题
我正在尝试在特定组件挂载时每次将窗口设置到特定位置。我在这里使用了 window.scroll() 和 onMount() 处理程序：
onMount(() => {
window.scroll({
top: 400,
left: 100,
behavior: "smooth",
})
})
问题是，该函数仅在我手动重新加载浏览器页面时才起作用，而在我实际导航到我的 SvelteKit 应用程序页面时却不起作用。
我修改了函数以指示 onMount 是否确实起作用：
onMount(() => {
window.scroll({
top: 400,
left: 100,
behavior: "smooth",
})
console.log("页面已挂载！")
})
onDestroy(() => {
console.log("页面已卸载！")
})
console.log() 总是按预期工作，但 window.scroll() 不起作用。这里可能存在什么问题？
英文:
I am trying to set my window to a particular place everytime a particular component is mounted. I am using window.scroll() and onMount() handler for this.
onMount(() => {
window.scroll({
top: 400,
left: 100,
behavior: "smooth",
})
})
The problem is that the function only works when I manually reload the page in the browser, and not when I actually navigate to the page in my sveltekit app.
I modified the function to indicate whether onMount is indeed working:
onMount(() => {
window.scroll({
top: 400,
left: 100,
behavior: "smooth",
})
console.log("Page Mounted!")
})
onDestroy(() => {
console.log("Page Unmounted!")
})
console.log() always works as expected but not window.scroll(). What could be the problem here?
答案1
得分: 0
如评论中所提到的，将 window.scroll() 包装在 setTimeout() 中可以解决这个问题。
英文:
As mentioned in the comments, wrapping window.scroll() in a setTimeout() fixed this issue.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论