1

案子：

我正在网上搜索以根据 iframe 的内容重新调整 iframe 的大小（iframe 和页面托管来自同一个域）。我发现可能的工作解决方案是从 iframe 调用父窗口的函数，发送大小以设置 iframe 的高度。这很容易实现。

问题：

现在的问题是 iframe 中的页面加载是 AJAX 密集型的，并且依赖于用户在页面上的交互。高度可以相对于用户的操作增加或减少（请注意，高度仅在用户交互时改变，而不是随机或自动改变）。现在我想在“body”（iframe 内的页面）的高度改变高度时触发一个函数。这将帮助我在每次高度变化时重新调整 iframe 的大小。

可能的解决方案：

我尝试使用

jQuery(document).ready(function(){
    document.body.watch("clientHeight", function(property, oldHeight, newHeight) {
        alert('New Height: ' + newHeight);
    });
});

但该功能永远不会触发。即使我让它工作，从我在互联网上发现的内容来看，它在 IE 上也不起作用。我想要一个至少适用于 IE8 的解决方案。

另一种可能的解决方案是观察用户对可能导致高度变化的事件的交互。但这确实是低效的，因为有很多这样的事件可能会导致高度变化。

那么绕过它的最佳方法是什么？

问候

杰汉则布

4

0 回答 0