Cómo obtener la posición de desplazamiento de un elemento en JavaScript

Cuando está creando una interfaz de usuario en el navegador, es posible que tenga un elemento que se puede desplazar, y es una necesidad común conocer el desplazamiento horizontal y vertical que tiene actualmente.

Como puedes hacer eso?

Una vez que tenga el elemento, puede inspeccionar suscrollLeftyscrollToppropiedades.

los0, 0La posición siempre se encuentra en la esquina superior izquierda, por lo que cualquier desplazamiento es relativo a eso.

Ejemplo:

const container = document.querySelector('. container')
container.scrollTop
container.scrollLeft

Esas propiedades son de lectura / escritura, por lo que también puedecolocarla posición de desplazamiento:

const container = document.querySelector('. container')
container.scrollTop = 1000
container.scrollLeft = 1000


Más tutoriales de navegador: