用“溢出：自動”滾動div的位置

Question

鑒於此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。

Answer 1

您需要使用scrollTop屬性。

document.getElementById('box').scrollTop