2010-12-07 9 views
20

¿Cómo obtengo la cantidad de desplazamiento en una etiqueta div usando JavaScript? Por favor dame un ejemplo.Obtener la posición de desplazamiento de la etiqueta div usando JavaScript

No deseo usar jQuery, solo JavaScript.

+19

@Alex: 'ReferenceError: inválido asignación de la izquierda side.' Hablando en serio, no es exacto decir que - jQuery es una biblioteca JavaScript; los dos son por lo tanto bastante diferentes. –

Respuesta

27
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <script type="text/javascript"> 
     function scollPos() { 
      var div = document.getElementById("myDiv").scrollTop; 
      document.getElementById("pos").innerHTML = div; 
     } 
    </script> 
</head> 
<body> 
    <form id="form1"> 
    <div id="pos"> 
    </div> 
    <div id="myDiv" style="overflow: auto; height: 200px; width: 200px;" onscroll="scollPos();"> 
     Place some large content here 
    </div> 
    </form> 
</body> 
</html> 
+1

esto funciona! Pronto publicaré mi resultado, el propósito. –

+0

No tengo suficiente reputación para votar por usted. –

+1

@Ashwin: Está bien :) –

18

que utilice el atributo scrollTop

var position = document.getElementById('id').scrollTop; 
+0

¡Muchas gracias! funciona –

Cuestiones relacionadas