gpt4 book ai didi

javascript - 如何使 iframe 的高度始终延伸到浏览器窗口的底部?

转载 作者:行者123 更新时间:2023-11-30 06:46:06 25 4
gpt4 key购买 nike

我想生成一个 iframe,其高度将延伸到浏览器窗口的底部。如果用户改变浏览器的高度,那么 iframe 的高度也应该动态改变。但是,我希望 iframe 有一个最小高度,超过这个高度就不会再缩小了。我该怎么做?

最佳答案

我正在做一些非常相似的事情。1) 获取窗口调整大小事件(我使用的是 jQuery)

$(window).resize(function(){});

2) 弹出您想要的 Action 。对我来说,我在文档主体上明确设置了一个高度,这样我的 CSS height:100% on an inner container 就会生效。您可以在函数内执行任何操作:

$(window).resize(function(){
$('body').height($(document).height());
});

我的标记:

<html>
<body>
<div class="full-height">Hello World</div>
</body>
</html>

我的CSS:

body {position:relative;}
.full-height {height:100%;}

关于javascript - 如何使 iframe 的高度始终延伸到浏览器窗口的底部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6652370/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com