55 votes

Position de défilement de div avec "overflow: auto"

Compte tenu de ce fragment de code HTML:

<div id="box" style="overflow:auto; width:200px; height:200px; border:1px solid black;">
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>
11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br>
21<br>22<br>23<br>24<br>25<br>26<br>27<br>28<br>29<br>30<br>
</div>

Vous (en général) d'obtenir une boîte noire avec une barre de défilement qui contient les nombres de 1 à 30, chacun dans une nouvelle ligne.

Vous pouvez défiler vers le haut et vers le bas à l'intérieur de cette boîte.

Ce dont j'ai besoin maintenant est une possibilité de découvrir, au cours de laquelle la position de défilement de la zone est. Disons simplement que, chaque ligne a été de 15 pixels de haut et vous faites défiler vers le bas pour le nombre 10, le résultat que je voudrais obtenir est le numéro 150 (15px * 10 lignes).

Où puis-je trouver ce numéro?

J'ai plaine de JavaScript et de jQuery à mes mains.

87voto

Greg Points 132247

Vous devez utiliser la propriété scrollTop .

document.getElementById('box').scrollTop

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X