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

1、需要在iframe外面包裹一层div

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

2、设置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%;
    }
 }

发表评论