0

从我能找到的所有内容中，我需要包括 -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>

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

在用户点击链接以填充 iFrame 之前，我正在根据用户交互调整 div 的大小。这可能是问题吗？

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

有什么建议么？

谢谢

4

1 回答 1

2

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

于 2012-08-27T18:31:34.130 回答