使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阅读 3,204评论 1赞 19
  • DIV+CSS学习笔记总结篇
    转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    程序员poetry阅读 16,044评论 32赞 459
  • Github_web_1
    一:在制作一个Web应用或Web站点的过程中，你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 914评论 0赞 1
  • 守得云开见月明
    高三那年，夏天，下自修回宿舍的路上，被一辆飞奔的摩托车给撞飞在地上刷了两三米才停下。当时动弹不得，浑身没有力气，想...
    小狮子是诗阅读 355评论 0赞 2
  • UIAlertView 改版为UIAlertController
    UIAlertView已经被苹果公司废弃，现在改成了新版的UIAlertViewController，现在就来介绍...
    一块儿钱阅读 292评论 0赞 0
  • 针对学习进度缓慢的学生，应该这样做来提高续费~
    学习乐器，是个长期的过程，有些家长看到自己的孩子进步缓慢，比同期的孩子落后了很多，会产生困惑，觉得自己孩子可能不适...
    时间宝阅读 1,121评论 0赞 0
  • PS切图快捷键
    以下是PS切图需要做的基础设置 1.新建设置：web或自定义，宽1920，高2000像素，背景透明，分辨率72，R...
    big_Ass阅读 846评论 0赞 1
  • 人应心存感恩之心
    2017.4.10 农历三月十四 大雨 星期一 1《易经》通读1遍，累积22遍，《大学》通读2遍，累积18遍。 2...
    b0a4ca4b06a4阅读 327评论 1赞 3