解决ios对iframe标签的兼容

原因：ios嵌入的iframe页面,滚动条失效

解决：在iframe外层包裹一个div,然后将其设置为可滚动，iframe的属性scrolling="no"

<div style="webkit-overflow-scrolling: touch;overflow-y: scroll;">
    <iframe  frameborder="0" width="100%" height="100%" scrolling="no"></iframe>
</div>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML <iframe>和<frame>标签
    元素会创建包含另外一个文档的内联框架（即行内框架）； 一、align 属性（不赞成） align属性规定ifram...
    puxiaotaoc阅读 19,798评论 0赞 14
  • 移动端的坑
    mobileHack 这里收集了许多移动端上遇到的各种坑与相对解决方案 工具类网站 HTML5 与 CSS3 技术...
    Zoemings阅读 6,573评论 0赞 12
  • iOS 中 h5 页面 iframe 调用高度自扩展问题及解决
    开发需求需要在 h5 中用 iframe 中调用一个其他公司开发的 html 页面。 简单的插入 并设置宽高...
    苏静颜阅读 6,648评论 0赞 2
  • 面试题
    前端开发面试题 面试题目： 根据你的等级和职位的变化，入门级到专家级，广度和深度都会有所增加。 题目类型： 理论知...
    怡宝丶阅读 2,613评论 0赞 7
  • HTML
    第一章 1、使用浏览器去访问的程序，叫网页 2、web代码存放在服务器 代码分为两种：① 运行在浏览器端：前端代...
    fastwe阅读 3,481评论 0赞 2