iframe fixed失效问题兼容ios

 查看演示  website  立即下载

最好在web目录下使用本Demo（即新建一个虚拟主机，如127.0.0.5，然后打开 http://127.0.0.5/.html进行操作）。

滚动兼容ios关键点

假设子页面要滚动区域的父元素为main

关键点1:

设置main元素高度

$('main').css('height', $(window).height() - $('header').get(0).offsetHeight);

关键点2:

设置子页面main区域css样式:

main {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	-webkit-transform:translate3d(0,0,0);
	//...其它样式
}

PREVIOUS:
NEXT:
jQuery标签插件tagsinput.js
iframe父页面与子页面通信及相互调用方法汇总