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＆＃34;虚拟滚动＆＃34;来显示应用程序的内部容器在滚动时比导航和页脚移动得更快。） < / p>

Answer 1

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

在更改元素高度时获取文档高度

1 个答案: