gpt4 book ai didi

css - Chrome 扩展程序 - iFrame 自动高度

转载 作者:行者123 更新时间:2023-11-28 12:17:59 26 4
gpt4 key购买 nike

我在我的 Google Chrome 扩展弹出窗口中创建了一个 iFrame 并应用了 CSS,因此它没有边框和高度:100%。

但是,它显示的高度有限,并显示垂直滚动条。

如何设置它以适应加载的 HTML 页面的高度?

最佳答案

这会起作用,source here .

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
<script type='text/javascript'>

$(function(){

var iFrames = $('iframe');

function iResize() {

for (var i = 0, j = iFrames.length; i < j; i++) {
iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';}
}

if ($.browser.safari || $.browser.opera) {

iFrames.load(function(){
setTimeout(iResize, 0);
});

for (var i = 0, j = iFrames.length; i < j; i++) {
var iSource = iFrames[i].src;
iFrames[i].src = '';
iFrames[i].src = iSource;
}

} else {
iFrames.load(function() {
this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
});
}

});

</script>

关于css - Chrome 扩展程序 - iFrame 自动高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18879279/

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