Usé este código pero no funcionó, necesito ayuda sobre cómo actualizar la página al principio cuando se carga.
window.addEventListener('load', function(){ window.scrollTo(0,0) }) window.onload = (event) => { window.scrollTo(0,0) };Su código funciona si la página no se carga en la parte superior
Por ejemplo, en un botón Atrás o si la página se carga con una ID en el hash
PUEDE simplemente eliminar la carga y tener el script en línea en la parte inferior de la página
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>En lugar de usar window.scrollTo(0,0) , ¿puede intentar usar document.body.scrollTop = document.documentElement.scrollTop = 0;
Su código debe convertirse
window.addEventListener('load', function(){ document.body.scrollTop = document.documentElement.scrollTop = 0; }) window.onload = (event) => { document.body.scrollTop = document.documentElement.scrollTop = 0; };