-webkit-溢出滚动：触摸；打破 iPad 上的滚动 iFrame [重复]答案

【问题标题】：-webkit-overflow-scrolling: touch; breaks scrolling iFrame on the iPad [duplicate]-webkit-溢出滚动：触摸；打破 iPad 上的滚动 iFrame [重复]
【发布时间】：2012-06-05 04:15:45
【问题描述】：

从我能找到的所有内容中，我需要包括 -webkit-overflow-scrolling: touch;和溢出：在 iFrame 封闭 div 的 css 中的自动。

然而，我发现如果我不包含 -webkit-overflow-scrolling: touch;，iFrame 将用 2 个手指滚动。但是，如果我包含它，滚动将不再有效。

这是我的 html 样式示例。我实际上使用的是 CSS 文件，但也尝试过这种方式...

<div class="wrapper">
    <div class="treeMenu" ></div>
    <div class="viewer" style="overflow: auto; -webkit-overflow-scrolling: touch">
        <iframe class='ifrm' scrolling='yes'></iframe>
    </div>      
</div>

阅读此post 后，我认为这可能是因为我正在动态删除 iFrame 并将其添加到 div 中。所以我把它改成了一个静态元素，并动态地改变了 iFrame 的 src。这并没有解决问题。

在用户点击链接填充 iFrame 之前，我会根据用户交互调整 div 的大小。会不会是这个问题？

关闭 webkit 调用并用 2 根手指滚动是可以的，只是滚动很不流畅。事实上，它可能对某些用户无法使用。我希望为 iPad “正确”设置滚动可以提高滚动性能。

有什么建议吗？

谢谢

【问题讨论】：

标签： css ipad iframe scroll

【解决方案1】：

如果页面上的任何位置有<iframe>，-webkit-overflow-scrolling: touch 将无法正常工作，即使它不是您尝试滚动的<iframe>。它是如何创建或显示的并不重要。

【讨论】：