Прокрутите положение div с помощью «overflow: auto» - PullRequest
53 голосов
/ 05 декабря 2008

С учетом этого фрагмента 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>

Вы (обычно) получаете черный ящик с полосой прокрутки, которая содержит цифры от 1 до 30, каждый в новой строке.

Вы можете прокручивать вверх и вниз внутри этого поля.

Теперь мне нужно выяснить, в каком положении находится поле прокрутки. Скажем так, каждая строка имела высоту 15 пикселей, и вы прокручиваете номер до 10, в результате я хотел бы получить число 150 (15px * 10 строк).

Где я могу найти этот номер?

У меня есть простой JavaScript и jQuery.

1 Ответ

83 голосов
/ 05 декабря 2008

Вам необходимо использовать свойство scrollTop.

document.getElementById('box').scrollTop

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...