如何根据元素高度动态调整iframe高度
How to resize iframe height dynamically based on element height?
我正在与父/容器页面位于同一域/协议内的iframe中加载aspx网页。Iframe中的内容有时比Iframe本身更高。我不想在Iframe上显示滚动条。
我需要根据Iframe将包含的aspx页面内的包装器"div"标记来调整Iframe的高度。以下是我为实现这一目标而编写的jquery:
$("#TB_window", window.parent.document).height($("body").height() + 50);
"TB_window"-包含Iframe的div。
"body"-iframe中aspx的body元素。
此脚本附加到iframe内容。我正在从父页面获取TB_window元素。虽然这在Chrome上运行良好,但TB_window在firefox中会崩溃。我真的不明白为什么会发生这种事。
有人能为我如何更好地处理这种情况提供建议吗??我们将非常感谢您的帮助感谢
您必须使用管理iframe 上的一些事件
<iframe id="iframe" src="xyz" onload="FrameLoad(this);"
onresize="FrameLoad(this);" scrolling="no" frameborder="0">
</iframe>
function FrameLoad(ctrl) {
var the_height = ctrl.contentWindow.document.body.scrollHeight;
$(ctrl).height(the_height)
}
也用于跨浏览器
document.domain=document.location.hostname;
在父页面和子页面中
如果差异没有那么大,可以添加
overflow:hidden
到css类
这不会调整窗口大小,但可能是您正在搜索的内容。
相关文章:
- 使用JavaScript根据窗口/视口的高度动态调整图像大小
- javascript skrollr基于动态内容更新窗口高度
- window.open根据动态内容自动调整高度和宽度
- JQuery mCustomScrollbar动态高度
- 动态潜水高度jQuery.Load()不工作
- 使用setIntervel()以动态高度偏移具有固定页眉的页面上的内容
- 如何根据主体高度动态更改元素边距顶部
- 动态高度/最大高度和溢流
- 根据页眉和页脚高度更改高度的动态内容
- 如何在浏览器宽度/高度变化时动态调整图像网格的大小
- 动态增加 iframe 高度
- 在javascript中动态修改掩码高度
- fullPage.js在使用scrollOverflow时未检测到动态生成内容的高度
- 如何在svg高度动态变化时使用viewbox
- 根据屏幕高度动态填充框
- 如何根据元素高度动态调整iframe高度
- Div是根据窗口高度动态调整大小的,但在HTML中添加更多内容时失败
- 根据高度动态添加内容
- 如何增加谷歌多边形对话框的高度动态
- Iframe的高度[动态]每2秒