在IOS中,引导模式中的iframe无法滚动

时间:2017-05-20 05:51:35

标签: html twitter-bootstrap iframe

我在bootstrap模态体中有一个iframe:

<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">
        <iframe style="height:500px;"> </iframe>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

当我尝试向下滚动iframe时,IOS中没有任何反应。 (iphone和ipad)相反,它完全适用于Android。

我应该在IOS中做出哪些调整来解决这个问题?

1 个答案:

答案 0 :(得分:3)

尝试在-webkit-overflow-scrolling: touch;上使用modal-body for iOS。这似乎是一个普遍的问题。

Source

编辑 OP表示this帮助他们找到了解决方案。