Как получить полную высоту страницы с помощью Javascript?

Question

Есть ли способ получить полную высоту страницы, включая прокручиваемый контент?

Например, на странице ниже у меня есть высота 613 пикселей, но с гораздо большим количеством прокручиваемого контента.Если получить значение document.documentElement.scrollHeight, это даст мне те же 613 пикселей.Можно ли как-нибудь получить полную высоту страницы?

РЕДАКТИРОВАТЬ:

Я попробовал некоторые ответы, но почему-то для этой страницы я всегда получаю одинаковую высоту (https://material.angular.io/). Кто-то знает почему?

Answer 1

Это даст вам высоту области прокрутки тоже

(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);
})();

Answer 2

try

window.outerHeight

Думаю, это поможет вам получить высоту окна с прокручиваемой областью.