我无法使用 JavaScript 将页面刷新到顶部

Question

我使用了这段代码，但它不起作用，我需要一些关于如何在加载时将页面刷新到顶部的帮助。

window.addEventListener('load', function(){
   window.scrollTo(0,0)
})

window.onload = (event) => {
   window.scrollTo(0,0)
};

Answer 1

如果页面加载不在顶部，则您的代码有效

例如，在返回按钮上，或者如果页面加载了 hash 中的 ID

您可以删除 onload 并将脚本内联在页面底部

 window.addEventListener('load', function(){ window.scrollTo(0,0) })

 div { height: 500px; background-color: yellow; }

 <div>Div 1</div> <div>Div</div> <div>Div</div> <div>Div</div> <div>Div</div> <div>Div</div> <div>Div</div> <div>Div</div> <div>Div</div> <div>Div</div> <div>Div</div> <div>Div</div> <div>Div</div> <div>Div</div> <div>Div</div> <div>Div</div> <div>Div</div> <div id="x">Last Div</div> <script> // mocking the page loading not at top, this is not part of the answer document.getElementById("x").scrollIntoView(); //while loading // put the window.scrollTo(0,0) here if you have issues </script>

Answer 2

而不是使用window.scrollTo(0,0)你可以尝试使用document.body.scrollTop = document.documentElement.scrollTop = 0;

你的代码应该变成

window.addEventListener('load', function(){
    document.body.scrollTop = document.documentElement.scrollTop = 0;
})

window.onload = (event) => {
   document.body.scrollTop = document.documentElement.scrollTop = 0;
};