使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
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    程序员poetry阅读 16,044评论 32 459
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 914评论 0 1
  • 高三那年,夏天,下自修回宿舍的路上,被一辆飞奔的摩托车给撞飞在地上刷了两三米才停下。当时动弹不得,浑身没有力气,想...
    小狮子是诗阅读 355评论 0 2
  • UIAlertView已经被苹果公司废弃,现在改成了新版的UIAlertViewController,现在就来介绍...
    一块儿钱阅读 292评论 0 0
  • 学习乐器,是个长期的过程,有些家长看到自己的孩子进步缓慢,比同期的孩子落后了很多,会产生困惑,觉得自己孩子可能不适...
    时间宝阅读 1,121评论 0 0
  • 以下是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