嵌入式代码滚动在ios响应设备上不起作用

Question

-webkit-overflow-scrolling: touch;
overflow-y: scroll;

尝试使用此代码，但仍然无法正常工作。在所有其他设备上都可以使用，在MAC上也可以使用，只有问题在ios响应设备上。

Answer 1

您需要向父div添加溢出滚动。查看下面的演示

   .wrap {
      width: 320px;
      height: 500px;
      position: relative;
      right: 0;
      bottom: 0;
      left: 0;
      top: 0;
      -webkit-overflow-scrolling: touch !important;
      overflow-y: auto !important;
      border: 2px solid #ddd;
      margin-bottom: 20px;
    }

    iframe {
      width: 100%;
      height: 100%;
      border: none;
      display: block;
      position: absolute;
    }

<div class="wrap">
    <iframe class="iframe" src="https://theimpossiblecool.tumblr.com/"></iframe>
  </div>