插件描述：iframe在安卓、ios中滚动，头部、底部也能固定。主要解决iframe在苹果手机iphone(ios)中滚动时头部与底部不能固定及滚动时出现卡顿的情况。本Demo演示iframe中固定父页面头部、底部，子页面正常滚动。兼容PC和移动端，尤其是苹果ios系统（如iphone手机）
最好在web目录下使用本Demo（即新建一个虚拟主机，如127.0.0.5，然后打开 http://127.0.0.5/.html进行操作）。
滚动兼容ios关键点
假设子页面要滚动区域的父元素为main
关键点1:
设置main元素高度
1 | $('main').css('height', $(window).height() - $('header').get(0).offsetHeight); |
关键点2:
设置子页面main区域css样式:
1 2 3 4 5 6 7 8 9 10 | main { position:absolute; top:0; left:0; height:100%; overflow-y:scroll; -webkit-overflow-scrolling:touch; -webkit-transform:translate3d(0,0,0); //...其它样式} |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： iframe父页面与子页面通信及相互调用方法汇总
- 下一个特效： jQuery标签插件tagsinput.js