Jquery iframe跨域动态高度
Jquery iframe crossdomain dynamic height
这是可能的,只有jquery没有笨重的插件吗?
我知道有很多插件和替代品,我正在寻找最短,最健壮的&最干净(最好依靠jquery)
在这里尝试一下你的想法:http://jsfiddle.net/3vPJd/
我不得不使用"这是不可能的",因为父页面无法获得第三方页面的高度,因为它来自与父页面不同的域。
编辑:如果你对第三方页面有一定的控制,这是可能的。
我个人会使用他们已经实现的方法,它不需要jQuery,你只需要包含frame.js。
此时,您所需要的只是父页面上的一个方法,该方法侦听哈希值何时更改并相应地调整iframe的大小,这也是您所链接的站点已经编写的。它已经是一个非常干净的解决方案,不需要修改它。这个小库可以满足您的要求。它使用postMessage
在iFrame和父控件之间进行通信,因此可以跨域工作。它还使用MutationObserver
和EventListeners
来检测内容的变化,并保持iFrame正确的大小。
https://github.com/davidjbradshaw/iframe-resizer
相关文章:
- JQuery mCustomScrollbar动态高度
- 使用setIntervel()以动态高度偏移具有固定页眉的页面上的内容
- 动态高度/最大高度和溢流
- ExtJS 4.2.1-具有动态高度的边界布局
- 在具有动态高度的背景图像上创建渐变覆盖
- 三个垂直堆叠的 Div,动态高度
- 如何调整 SSL iframe 动态高度
- 添加动态文本框时更新动态高度
- 将 jQuery 对话框与动态高度内容垂直居中放置
- d3.js上传到bl.ocks.org时的动态高度变化
- 为iframe计算网页的动态高度
- CSS关键帧——从动态高度开始
- Joomla iFrame动态高度
- 自定义应用程序的动态高度
- 具有动态高度和绝对位置的子DIV-将高度赋予父DIV
- 我可以/应该根据下拉菜单栏的项目数量为其设置动态高度
- 如何使用JavaScript显示/隐藏基于其父元素的元素's的动态高度
- ExtJS GridPanel基于行计数的动态高度
- Iframe设置动态高度仅适用于chrome
- Highcharts-如何拥有动态高度的图表