使IFRAME在iOS设备上支持滚动

<div class="scroll-wrapper">  
    <iframe src=""></iframe>  
</div>

首先给这个wrapper设个样式：

.scroll-wrapper {  
    -webkit-overflow-scrolling: touch;  
    overflow-y: scroll;  
    /* 提示: 请在此处加上需要设置的大小(dimensions)或位置(positioning)信息! */  
}

然后把iframe撑满：

.scroll-wrapper iframe {  
    height: 100%;  
    width: 100%;  
}

这样在js动态生成iframe的时候，就不用再做对body高度的特判了。

原文来自这里

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前端面试题汇总
    <a name='html'>HTML</a> Doctype作用？标准模式与兼容模式各有什么区别? （1）、<...
    clark124阅读 8,933评论 1赞 19
  • DIV+CSS学习笔记总结篇
    转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,697评论 32赞 459
  • Github_web_1
    一:在制作一个Web应用或Web站点的过程中，你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 4,997评论 0赞 1
  • 守得云开见月明
    高三那年，夏天，下自修回宿舍的路上，被一辆飞奔的摩托车给撞飞在地上刷了两三米才停下。当时动弹不得，浑身没有力气，想...
    小狮子是诗阅读 3,723评论 0赞 2
  • UIAlertView 改版为UIAlertController
    UIAlertView已经被苹果公司废弃，现在改成了新版的UIAlertViewController，现在就来介绍...
    一块儿钱阅读 2,999评论 0赞 0