scrollTo se desplaza a la parte superior de la página
-
22-09-2019 - |
Pregunta
Tengo el siguiente código Javascript.
Cuando se carga que se desplaza a la posición derecha de la página. Cuando hago clic en el enlace para ejecutar la función de la página se desplaza a la parte superior de la página.
¿Cómo puedo solucionar esto?
<html>
<head>
<script type="text/javascript">
function scroll() {
window.scrollTo(0, 400)
}
</script>
<title></title>
</head>
<body onload="window.scrollTo(0, 400)">
<img src="a.jpg"/>
<a href="#" onclick="scroll">comments1</a>
</body>
</html>
Solución
Uso
onclick="scroll(); return false;"
que debe solucionarlo.
Otros consejos
Para añadir un poco más de detalle, con la return false;
, el evento click continúa después de que la página se desplaza, y el evento de clic sigue el href
a #
, que es la parte superior de la página. Una forma alternativa de solucionar este problema es:
<a href="javascript:void(0);" onclick="scroll">comments1</a>
Volviendo falsa es mejor, la OMI, pero esto también haría el truco.
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow