web-dev-qa-db-fra.com

Obtenir la position de défilement des balises div en utilisant JavaScript

Comment obtenir la quantité de défilement dans une balise div en utilisant JavaScript? Veuillez me donner un exemple.

Je ne veux pas utiliser jQuery, seulement JavaScript.

javascripthtmlscroll
26
user517400
<!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>
33
santosh singh

vous utilisez l'attribut scrollTop

var position = document.getElementById('id').scrollTop;
26
Breezer