ios系统iframe内容的滚动事件不触发

Question

移动端 主体页面a
需要被引入的iframe页面b

Iframe的src链接的页面b是一个线上页面，需要随着滚动条的往下拉，加载被隐藏的内容，在ios上是不能实现滚动加载的

Answer 1

试试我的 :

// sass
.page {
  background-color: #ffffff;
  overflow-x: hidden;
  height: 100vh;
  box-sizing: border-box;
  margin: 0 15px 0 15px;
  position: relative;

  > .content {
    width: 100%;
    height: 100%;
    padding-bottom: 15px;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;

    // https://blog.csdn.net/qq_25252769/article/details/76045835
    overflow-y: scroll; //或overflow：auto;

    > iframe {
      width: 100%;
      min-height: 100%;
    }
  }
}

Answer 2

移动端，一般不推荐使用iframe。

既然，你都用了，那你得看看是不是b页面的问题。