iframe内容在ios移动端无法滚动

页面中插入iframe标签，发现页面超长在安卓上是正常可以滚动的，在ios上无法滚动，解决方案如下：

在iframe外面套一层div，并且给改div高度，并且加上样式，注意iframe同样要给定高度

<div style={{ height: iHeight }} className={style.contentBox}>
   <iframe
     title="XXXXXXXXX"
     className={style.iframeBox}
     style={{ width: '100%', height: '100%' }}
     src={data.url}
   />
 </div>

.contentBox {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}