解决safari中iframe嵌入不能滚动的问题
2016-06-05 14:05
363 查看
做完了个webapp之后,开发的时候一直在浏览器上模拟ios,没有任何问题,谁知交差的时候,客户告知在ios浏览器中不能滚动嵌入的iframe,直接就滚动外层整个document了,你知道document本身就有触碰边缘缓动的效果,下图,中间的部分其实就是嵌入了iframe。
解决方法:
解决方法:
<div class="scroll-wrapper"> <iframe src=""></iframe> </div>
.scroll-wrapper { -webkit-overflow-scrolling: touch; overflow-y: scroll; /* 提示: 请在此处加上需要设置的大小(dimensions)或位置(positioning)信息! */ } .scroll-wrapper iframe { /* 你自己指定的样式 */ }
相关文章推荐
- 打包
- 火狐浏览器实用插件
- 工作有感
- 第十五周项目三 洗牌
- Zookeeper linux下集群部署
- 2016计蒜之道初赛第一场--B青云的机房组网方案(简单)【floyd】
- 你在发表理科学术文章过程中有哪些经验值得借鉴?
- 笔记本安装WindowsXP系统时蓝屏了怎么办
- 学习进度第十四周
- 学技术的思路理念
- 写给未来的自己
- 单链表的基本操作
- JQuery事件的绑定
- 内核构造skb数据包的实现
- Qt5.5
- 118. Pascal's Triangle [easy] (Python)
- 利用scipy.sparse.csr_matrix构建term-document矩阵
- ruby的安装
- 函数指针的正确理解 from C++ Primer Plus P242
- Mysql命令删除约束