Javascript iframe高度在页面内容变长后未缩小

Javascript iframe高度在页面内容变长后未缩小,javascript,jquery,iframe,iframe-resizer,Javascript,Jquery,Iframe,Iframe Resizer,为动态iFrame使用David Bradshaw iFrame Resizer代码。 最初,它工作并将iframe的适当高度设置为内容。 但是,当用户单击链接转到iframe中的另一个页面时,如果内容较少,则高度不会缩小。如果内容更多,它会升迁得很好 我尝试过使用heightCalculationMethod的各种属性,结果都是一样的。我查看较小页面的iframe的内容,我看到的是一个html表(没有定义的高度),然后在body标记下面有一个巨大的间隙(也没有定义的高度)。 我错过了什么 这是

为动态iFrame使用David Bradshaw iFrame Resizer代码。 最初,它工作并将iframe的适当高度设置为内容。 但是,当用户单击链接转到iframe中的另一个页面时,如果内容较少,则高度不会缩小。如果内容更多,它会升迁得很好

我尝试过使用heightCalculationMethod的各种属性,结果都是一样的。我查看较小页面的iframe的内容,我看到的是一个html表(没有定义的高度),然后在body标记下面有一个巨大的间隙(也没有定义的高度)。 我错过了什么

这是我的剧本

<script>
iFrameResize({
    log:true,
    enablePublicMethod:true,
    heightCalculationMethod:'lowestElement'
});
</script>

iFrameResize({
日志:是的,
enablePublicMethod:true,
高度计算方法:'lowestElement'
});
是否可以重置iframe高度?

引自

不裁员

此问题最可能的原因是设置了 元素是CSS中某个页面的100%。这通常是 在html或body元素上,但它可以在 页这有时可以通过使用taggedElement来实现 高度计算方法,并将数据iframe height属性添加到 要定义页面底部位置的元素。 您可能会发现在该元素上使用position:relative来 定义底部边距或为浮动页脚留出空间

iFrame中没有有效的HTML文档类型有时也会导致 防止裁员。在最简单的情况下,这可以是以下内容

在同样的情况下,将heightCalculationMethod设置为“bodyScroll”有助于我:

从iframe中放置了iframeResizer.contentWindow.min.js的页面转到没有此脚本的另一页面


我使用iFrame Resizer v3.5.8

来查看站点很有价值,你有链接吗?我没有,因为它位于访问受限的安全服务器上。在企业环境中工作时会发生什么。lolI建议制作一个简单的测试用例,你可以在线分享。非常感谢!我刚刚在iFramed页面的开头添加了一个文档类型“”,所有这些都很好!经过几天的搜索,我终于解决了这个问题毕竟它是如此简单。