Scroll Stanowisko div z „overflow: auto”

Question

Biorąc pod uwagę ten fragment kodu 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> 

You (zazwyczaj) dostać czarną skrzynkę z paska przewijania, który zawiera numery od 1 do 30, każdy w nowym wierszu.

Możesz przewijać w górę i w dół wewnątrz tego pola.

Teraz potrzebuję dowiedzieć się, w której pozycji przewijania znajduje się pudełko. Powiedzmy, że każdy rząd ma 15 pikseli wysokości i przewiniesz do liczby 10, a wynik, który chciałbym uzyskać, to liczba 150 (15 pikseli * 10 linii).

Gdzie znajdę ten numer?

Mam proste JavaScript i jQuery w moich rękach.

Answer 1

Musisz użyć właściwości scrollTop.

document.getElementById('box').scrollTop