插件描述：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元素高度
$('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:
相关插件-
iframe fixed失效问题兼容ios
iframe在安卓、ios中滚动，头部、底部也能固定。主要解决iframe在苹果手机iphone(ios)中滚动时头部与底部不能固定及滚动时出现卡顿的情况。本Demo演示iframe中固定父页面头部、底部，子页面正常滚动。兼容PC和移动端，尤其是苹果ios系统（如iphone手机）讨论这个项目（1）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
