jQuery - dynamic div height equal to the height of

2019-03-20 04:44发布

i am using the code found here jQuery - dynamic div height

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

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

now the height change works fine when you resize the window, but if your scroll down the height does not change, this means the window property does not include things beyond the size of the browser window so if you scroll down the height does not increase

so what can i add that will be the size of the whole content not the window size

ANSWER use document instead of window

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

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

2条回答
不美不萌又怎样
2楼-- · 2019-03-20 05:20

You could use:

$("body").height();
查看更多
冷血范
3楼-- · 2019-03-20 05:26

Perhaps:

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

Is what you need? Since the window contains the document and the window has a fixed width and restricts what you're viewing from the document.

查看更多
登录 后发表回答