跨域iframe自动调整大小
我正在使用 iframe 和 javascript 制作一个 Web 小部件,我想让我的 iframe 能够根据其内容(从其他域加载)调整大小。
我做了一些搜索(包括 StackOverflow),找到了几个主题,但我找不到关于这个问题的任何结论。
这可能吗?
因为 atm 我必须将 iframe 高度设置为内容的最大高度,在我的小部件的某些步骤中,它在底部给出了一个很大的空白,这看起来不太好。
请注意,小部件 iframe 内的所有交互均完全通过 ajax 完成。 (iframe src 只是一个 html 页面)。
I am making a web widget using iframe and javascript and i would like to make my iframe resizable to it´s content (which is loaded from other domain).
I have done some search(inclusive here at StackOverflow) and i find a couple of topics but i couldn´t find any conclusions about this issue.
Is this possible or not?
Because atm i have to set my iframe height to the maximum height of the content which in some steps of my widget gives a big white space at the bottom which dont look very good.
Note all the interactions inside the widget iframe are done completely with ajax. (The iframe src is just one html page).
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
看看 this :) 你也可以使用 postMessage - 有一个跨浏览器 jQuery 插件。
Take a look at this :) Also you could use postMessage - there is a crossbrowser jQuery plugin.
自己手动编码 postMessage 的东西就像在公园散步一样简单。你不需要一个框架来为你做这件事。这是 stackoverflow 上的一个简单示例:跨域 iframe resizer?
Hand-coding the postMessage stuff yourself is a walk in the park. You don't need a framework to do it for you. Here is an easy example on stackoverflow: cross-domain iframe resizer?