- 原理是通过定时器不断检测iframe高度并设置frame高度
- 适用于同域情况,
引用页面和iframe均需要指定相同的document.domain
- 将dom操作代价降到最低,如果高度没变化不会更新frame高度
- 兼容ie6+
###为什么要开发这个插件?###
页面引用iframe给我们带来方便的同时,也带来了烦恼,如:高度无法自动适应会导致滚动条出现,又不能将高度写死。
###为什么要使用interval轮询呢?###
如果引的iframe的高度是不变的(即:加载完成之后,高度固定)是不需要轮询的,这个插件适用于iframe内有交互并且会影响iframe的高度(如下图):展开/收起、添加回复等多种因素都会导致iframe高度发生变化。
###用法:1
2
3
4
5
6document.domain = xxxx.com;
$("#commentPage").AutosizeFrame({
interval: 10, // 轮询时间
minHeight: 500 //最小高度
});
###插件地址:
https://github.com/luckyxutao/jQueryPlugins/tree/master/AutosizeFrame