次の 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 を手元に持っています。