滚动位置的div与“溢出:自动”

鉴于这个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行)。

我在哪里可以find这个号码?

我手上有简单的JavaScript和jQuery。

您需要使用scrollTop属性。

document.getElementById('box').scrollTop