iframe 移动端 滚动问题

html 结构

<div class="iframe-container" >
  <iframe title={`${title} ${type}`} src={url} />
</div>

css结构

  iframe {
    width: 100%;
    height: 100%;
  }

.iframe-container {
      width: 590px;
      height: 565px;
      overflow: scroll;
      -webkit-overflow-scrolling: touch;
}

效果图