Comment obtenir la position de défilement d'un élément en JavaScript

Lorsque vous créez une interface utilisateur dans le navigateur, vous pouvez avoir un élément qui peut être défilé, et c'est un besoin courant de connaître le défilement horizontal et vertical dont il dispose actuellement.

Comment peux-tu faire ça?

Une fois que vous avez l'élément, vous pouvez inspecter sonscrollLeftetscrollTopPropriétés.

Le0, 0la position se trouve toujours dans le coin supérieur gauche, donc tout défilement est relatif à cela.

Exemple:

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

Ces propriétés sont en lecture / écriture, vous pouvez donc égalementensemblela position de défilement:

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

Téléchargez mon gratuitManuel du débutant JavaScript


Plus de didacticiels sur le navigateur: