html 如何获得完整的页面高度与Javascript？

oug3syen 于 2022-12-16 发布在 Java

关注(0)|答案(4)|浏览(154)

有没有办法得到整个页面的高度，包括滚动的内容？
例如，在下面的页面中，我有一个613px的高度，但是有更多的内容被滚动出来。如果a得到document.documentElement.scrollHeight的值，它给我同样的613px。有什么方法可以得到整个页面的高度吗？

编辑：

我尝试了一些答案，但不知何故，对于这个页面，我总是得到相同的高度（https://material.angular.io/）。有人知道为什么吗？

Html

来源：https://stackoverflow.com/questions/58099664/how-to-get-full-page-height-with-javascript

4条答案

按热度按时间

hl0ma9xz1#

这也会给予你一个可滚动区域的高度

(function() {
    let pageHeight = 0;

    function findHighestNode(nodesList) {
        for (let i = nodesList.length - 1; i >= 0; i--) {
            if (nodesList[i].scrollHeight && nodesList[i].clientHeight) {
                var elHeight = Math.max(nodesList[i].scrollHeight, nodesList[i].clientHeight);
                pageHeight = Math.max(elHeight, pageHeight);
            }
            if (nodesList[i].childNodes.length) findHighestNode(nodesList[i].childNodes);
        }
    }

    findHighestNode(document.documentElement.childNodes);

    console.log('You page hight it', pageHeight);
})();

赞(0）回复(0）举报 2022-12-16

jmp7cifd2#

尝试