javascript動態獲取頁面滾動距離

<!DOCTYPE html>
<html id="html">
    <head>
        <title></title>
    </head>
    <body id="body">
        <div id="div" style="height: 2000px; width:100%"></div>
        <div id="div2"></div>
        <script>
            window.onscroll = function(){
                console.log(document.getElementById('html').scrollTop);//這種是給html加了id的
                console.log(document.documentElement.scrollTop);//這種是不需要給html加id的
            }

        </script>

    </body>
</html>

當html文檔頭部不包含任何“文檔類型聲明”時,需要用document.body.scrollTop獲得正確的值,而document.documentElement.scrollTop的值爲0

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章