我有一个基于Admin LTE模板构建的应用程序。该应用程序基本上是一个asp.net经典应用程序。有一个母版页,我在母版页中嵌入了iframe。
根据用户选择的菜单,我正在加载iframe内容,这将是另一个asp.net网页。子asp.net网页(iframe内容页面)有另一个iframe,它已被另一个内容动态加载。
我总共有两个加载内容的iframe。布局如下图所示
我的问题是在代码中修复了iframe的高度,当加载的内容超过iframe高度时,我得到的滚动条远离主窗口滚动条。
为了避免这种情况,我在link
中添加了iframe缩放器还添加了一些javascript,如下所示
function resizeIframe(obj) {
obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
}
并在页面加载服务器端方法我使用
调用javascriptletterframe.Attributes.Add("onload", "resizeIframe(this);");
因为iframe设置为runat =" server"
此代码工作正常但是当我嵌套iframe视图时它没有用。
因此我修改了javascript为
function resizeIframe(obj) {
obj.style.height = (obj.contentWindow.document.body.scrollHeight + parent.document.body.scrollHeight) + 'px';
}
此代码已从嵌套的iframe中删除了滚动条,但是我的内容之后得到一个空格,因为已经通过添加父页面高度和iframe内容滚动高度来确定高度。
任何人都可以让我知道如何适应高度,以便我可以避免iframe中的滚动条?