Tengo lista de trabajadores de la empresa. Cuando hago clic en un trabajador, en la esquina de la página se muestra la imagen de los trabajadores de la base de datos mysql. y mysql SELECT parámetros que obtengo de url:
Ejemplo:
<a href="<?php echo '?imgid=' . $imgID ?>">John SMITH</a>¿Cómo puedo guardar mi posición de desplazamiento actual cuando hago clic en .
Tu puedes hacer
var scroll_position = window.scrollY;y para desplazarse allí:
window.scrollTo(0, scroll_position);Puede probarlos con este código en un nuevo archivo HTML:
<div style="height: 400px;"></div> <input type="button" value="Submit" id="submit" /> <div style="height: 2000px;"></div> <script> document.querySelector("#submit").onclick = function () { var scroll_position = window.scrollY; alert(scroll_position); window.scrollTo(0, 100); } </script><body onload="restoreScrollPos()"> <a onclick="setScroll()" href="<?php echo '?imgid=' . $imgID ?>">John SMITH</a> </body> <script> function setScroll() { let scroll = window.scrollY; let scrollString = scroll.toString(); localStorage.setItem("scrollPosition", scrollString); } function restoreScrollPos() { let posYString = localStorage.getItem("scrollPosition"); let posY = parseInt(posYString); window.scroll(0, posY); return true; } </script>