javascript - 更改元素高度时获取文档高度

Question

我试图获得整个文档的高度，同时使div根据视口的宽度更改其高度。遗憾的是，它无法正常工作，并且我得到的高度与调整窗口大小之前的高度相同。有没有一种方法可以获取文档的高度，同时仍然可以通过Javascript更改元素的高度？

这是代码的重要部分：

改变高度

$(function(){
    scaleHeight();
});

$(window).resize(scaleHeight);

function scaleHeight () {
if ( $(window).width() <= 750 ){

   var window_width = $( window ).width();
   var p =  1180 * (window_width/750) + "px";
   $("#overflowhidden").css("height",p);

} else { 

   $("#overflowhidden").css("height","1180px");}

};

得到高度

var body = document.body,
    html = document.documentElement;

    var sectionHeight = Math.max( body.scrollHeight, body.offsetHeight,
                    html.clientHeight, html.scrollHeight, html.offsetHeight ) - window.innerHeight;

HTML

<div id="app_navTop">
<img src="img/nav_top.png" style="max-width:100%;height:auto;">
</div>
<div id="overflowhidden">
    <div id="app_tracks" class="parallax" a="0.2">
       <img src="img/MusikWeb_Tracks.png" style="max-width:100%;height:auto;">
    </div>
</div>
<div id="app_navBottom"><img src="img/nav_bottom.png" style="max-width:100%;height:auto;"></div>

（它将显示一个应用，其中使用Bartek Drozdz“虚拟滚动”滚动时，应用的内部容器向上移动的速度比导航和页脚的移动速度快。）

Answer 1

尝试getComputedStyle()，希望对您有所帮助：
https://developer.mozilla.org/en-US/docs/Web/API/Window.getComputedStyle