美文网首页
解决ios对iframe标签的兼容

解决ios对iframe标签的兼容

作者: 笨鸟使劲飞 | 来源:发表于2019-08-06 17:16 被阅读0次

原因：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>

相关文章

  • 解决ios对iframe标签的兼容

    原因：ios嵌入的iframe页面,滚动条失效 解决：在iframe外层包裹一个div,然后将其设置为可滚动，if...

  • 微前端的几种实现方案

    iframe iframe 是 html 提供的标签，能加载其他web应用的内容，并且它能兼容所有的浏览器，因此，...

  • H5页面在ios/android 兼容性汇总

    1、img标签在ios显示有兼容性问题： 解决： 1、img标签只能写内联样式（style）,不能写cl...

  • HTML常用标签iframe、a、form、input、tabl

    本文所介绍的标签：iframe、a、form、input、table iframe 标签 嵌套页面 iframe ...

  • HTML 常用的标签

    iframe标签 iframe 与 a标签结合使用 a标签 a标签的属性详见 a标签的target属性 a标签的h...

  • 常用的html标签

    a标签a标签可以配合iframe标签 iframe标签 2.1 target属性(1) _blank(也是默认状态...

  • 关于HTML的几个标签

    iframe标签 iframe标签会在当前页面内嵌套一个页面，这个页面可以通过CSS来控制大小。 iframe标签...

  • 关于ios下html5的ifream页面无法滑动的问题

    在解决iframe在ios无法滚动的bug中，需要在iframe外面包裹一层div，如下： 然后设置scroll-...

  • iframe的优缺点

    iframe：是[HTML]标签，iframe元素会创建包含另外一个文档的内联框架。优点：1、解决加载缓慢的第三方...

  • HTML常用标签解析

    iframe标签 iframe是个内联框架，是在页面里生成个内部框架，可替换标签。 格式