2010-12-07 15 views
20

Comment obtenir le montant de défilement dans une balise div en utilisant JavaScript? S'il vous plaît, donnez-moi un exemple.Obtenir la position de défilement de tag div en utilisant JavaScript

Je ne veux pas utiliser jQuery, seulement JavaScript.

+19

@ Alex: 'ReferenceError: cession invalide à la main gauche side.' Sérieusement cependant, il est inexact de dire que - jQuery est une bibliothèque JavaScript; les deux sont donc très différents. –

Répondre

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

cela fonctionne! Bientôt, je vais poster mon résultat, le but. –

+0

Je n'ai pas assez de réputation pour vous voter. –

+1

@Ashwin: C'est bon :) –

18

vous utilisez l'attribut scrollTop

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

Merci beaucoup! cela fonctionne –