解决iframe在ios中无法滚动的bug

在解决iframe在ios无法滚动的bug中,需要在iframe外面包裹一层div,如下:

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

然后设置scroll-wrapper的样式,给scroll-wrapper添加-webkit-overflow-scrolling: touch;overflow-y: scroll

让外部的div进行滚动,然后保持iframe宽高100%。

.iframeDiv{
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    iframe{
      width: 100%;
      height: 100%;
    }
  }

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/around_primary/article/details/80689098
个人分类: 前端兼容性问题
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭