ifream高度只适应解决方案
程序员文章站
2024-03-21 08:28:40
...
html代码:
<iframe src="/seller/goods/list" scrolling="no" onload="setIframeHeight(this)" id="bodyCenter" name="workspace" frameborder="0" width="100%" height="100%" style="min-height:800px;" ></iframe>
js代码
function setIframeHeight(iframe) {
if (iframe) {
var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
if (iframeWin.document.body) {
iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
}
}
};
注意一下几点:1.iframe 的scrolling="no"一定要设置好,不发生先出现滚动条在消失的情况。
2.如果ifream有默认高地可以设置height="100%" style="min-height:800px;"
上一篇: ifream框架角色切换
推荐阅读
-
ifream高度只适应解决方案
-
父div高度不能自适应子div高度的解决方案
-
css背景图宽度只适应,高度不变
-
CSS+DIV排版时容器内对象全部设置了float属性后容器不能自动适应高度的解决方案_html/css_WEB-ITnose
-
file模式访问网页时iframe高度自适应解决方案_javascript技巧
-
file模式访问网页时iframe高度自适应解决方案_javascript技巧
-
父div高度不能自适应子div高度的解决方案
-
父div高度不能自适应子div高度的解决方案_CSS/HTML
-
iframe 多层嵌套 无限嵌套 高度自适应的解决方案_HTML/Xhtml_网页制作
-
CSS+DIV排版时容器内对象全部设置了float属性后容器不能自动适应高度的解决方案_html/css_WEB-ITnose