码迷,mamicode.com
首页 > 其他好文 > 详细

解决safari中iframe嵌入不能滚动的问题

时间:2016-06-05 15:33:20      阅读:1208      评论:0      收藏:0      [点我收藏+]

标签:

做完了个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 {  
    /* 你自己指定的样式 */  
}  

  

技术分享

解决safari中iframe嵌入不能滚动的问题

标签:

原文地址:http://www.cnblogs.com/tanxu/p/5560686.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!