在解决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%;
}
}