javascript - controlar - Desplácese Posición de div con "desbordamiento: automático"
scrolltop javascript (1)
Necesita usar la propiedad scrollTop .
document.getElementById(''box'').scrollTop
Dado este fragmento de 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>
Usted (generalmente) obtiene una caja negra con una barra de desplazamiento que contiene los números del 1 al 30, cada uno en una nueva fila.
Puede desplazarse hacia arriba y hacia abajo dentro de ese cuadro.
Lo que necesito ahora es una posibilidad de averiguar, en qué posición de desplazamiento está la caja. Digamos, cada fila tiene 15 píxeles de alto y se desplaza hacia abajo hasta el número 10, el resultado que me gustaría obtener es el número 150 (15px * 10 líneas).
¿Dónde encuentro este número?
Tengo JavaScript y jQuery en mis manos.