Question

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

然而，我发现如果我不包括-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调用并用两根手指滚动很好，除了滚动不是很平滑。事实上，它可能会对某些用户无法使用。我希望为iPad“正确”设置滚动可以提高滚动性能。

有什么建议吗？

由于

Answer 1

如果页面上的任何位置都有-webkit-overflow-scrolling: touch，则

<iframe>无法正常工作，即使它不是您要尝试滚动的<iframe>。无论如何创建或显示它。

-webkit-overflow-scrolling：touch;打破iPad上的滚动iFrame

1 个答案: