iframe中的多个滚动条asp.net c#

时间:2017-06-08 16:45:15

标签: javascript html asp.net iframe

我有一个基于Admin LTE模板构建的应用程序。该应用程序基本上是一个asp.net经典应用程序。有一个母版页,我在母版页中嵌入了iframe。

根据用户选择的菜单,我正在加载iframe内容,这将是另一个asp.net网页。子asp.net网页(iframe内容页面)有另一个iframe,它已被另一个内容动态加载。

我总共有两个加载内容的iframe。布局如下图所示

enter image description here

我的问题是在代码中修复了iframe的高度,当加载的内容超过iframe高度时,我得到的滚动条远离主窗口滚动条。

为了避免这种情况,我在link

中添加了iframe缩放器

还添加了一些javascript,如下所示

function resizeIframe(obj) {
         obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';               
       }

并在页面加载服务器端方法我使用

调用javascript
letterframe.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中的滚动条?

0 个答案:

没有答案