Jquery iframe跨域动态高度

只有没有庞大的插件,这对jquery来说是否可能?

我知道有很多插件和替代品,我正在寻找最短,最鲁棒和最干净(最好依赖于jquery)

这里有基本的jsfiddle试用你的想法: http : //jsfiddle.net/3vPJd/

我必须使用“这是不可能的”,因为父页面无法获得第三方页面的高度,因为它来自与父页面不同的域。

编辑:如果您对第三方页面有一些控制权,则可以执行此操作。

我个人只会使用他们已经实现的方法,它不需要jQuery,你只需要包含frame.js 。

此时,您需要的只是父页面上的一个方法,该方法会在哈希值发生变化时进行侦听并相应地调整iframe的大小,该方法也已由您链接的站点编写。 它已经是一个非常干净的解决方案,没有真正需要修改它。 它可以在这里找到。

这个小图书馆会做你想要的。 它使用postMessage在iFrame和父级之间进行通信,因此可以跨域工作。 它还使用MutationObserverEventListeners来检测内容的更改并保持iFrame的大小正确。

https://github.com/davidjbradshaw/iframe-resizer