JavaScript Desplazarse hacia arriba

Harshit Jindal 12 octubre 2023
  1. Utilice la función window.scrollTo() para desplazarse al principio de la página
  2. Utilice la etiqueta de anclaje para desplazarse hasta la parte superior de la página
  3. Utilice la función scrollTo() de jQuery para desplazarse hasta la parte superior de la página
JavaScript Desplazarse hacia arriba

Este tutorial enseña cómo desplazarse hasta la parte superior de la página usando JavaScript.

Utilice la función window.scrollTo() para desplazarse al principio de la página

El método scrollTo() de la ventana se utiliza para desplazarse a una ubicación específica en una página. Se necesitan dos argumentos: la coordenada x e y del punto al que queremos desplazarnos. Podemos pasar x e y como 0 para desplazarnos a la parte superior de la página.

window.scrollTo(x - coordinate, y - coordinate)

Utilice la etiqueta de anclaje para desplazarse hasta la parte superior de la página

La etiqueta de anclaje toma la referencia de la página para abrirse cuando se hace clic en el enlace. Si pasamos # como valor del atributo href, se desplazará hasta la parte superior de la página.

<a href="#"> Top of Page </a>

Utilice la función scrollTo() de jQuery para desplazarse hasta la parte superior de la página

La función scrollTo() nos ayuda a obtener/manipular la posición de la barra de desplazamiento vertical de un elemento HTML. Toma un argumento, la posición de scrollTo(). Podemos usar esta función para llegar a la parte superior de la página aplicándola en la propiedad de la ventana y estableciendo el parámetro de posición como 0.

$(window).scrollTop(0);
Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn