jQuery的 - 动态格的高度等于整个窗口的高度(jQuery - dynamic div hei

2019-08-19 21:00发布

我使用这里找到的代码的jQuery -动态DIV高度

<script type='text/javascript'>
$(function(){
    $('#center').css({'height':(($(window).height())-162)+'px'});

    $(window).resize(function(){
    $('#center').css({'height':(($(window).height())-162)+'px'});
    });
});
</script>

现在的高度变化,当你调整窗口工作正常,但如果你向下滚动的高度没有变化,这意味着窗口属性,所以如果你向下滚动的高度不增加不包括的东西超出了浏览器窗口的大小

所以我可以添加什么,这将是整个内容不是窗口的大小尺寸

答案中使用的文件,而不是窗口

<script type='text/javascript'>
    $(function(){
        $('#center').css({'height':(($(document).height())-162)+'px'});

        $(window).resize(function(){
        $('#center').css({'height':(($(document).height())-162)+'px'});
        });
    });
</script>

Answer 1:

也许:

$(document).height()/width()

是你需要什么? 由于窗口包含文件和窗口都有一个固定的宽度和限制你从文档查看什么。



Answer 2:

你可以使用:

$("body").height();


文章来源: jQuery - dynamic div height equal to the height of the whole window