jQuery - 动态div高度等于整个窗口的高度
我正在使用这里找到的代码 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>
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>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
你可以使用：
You could use:
也许：
是你需要的吗？由于窗口包含文档，并且窗口具有固定宽度并限制您从文档中查看的内容。
Perhaps:
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.