iOS - iframe正在捕获滚动事件，即使它不需要滚动

Question

我的页面由一个iframe和一些溢出视口的额外内容组成：

当用户尝试滚动iframe时，滚动事件在iframe 内被触发，出于安全原因，父窗口对此一无所知。
但由于iframe比其内容更高，因此不需要任何滚动，因此将滚动事件传播到父窗口。

它在this example中按预期工作。

但是，只要iframe被包含在overflow: auto或scroll的div中，它就不再适用于iOS（11.3.1），正如您在{{3}中看到的那样}。

有谁知道如何解决这个问题？任何帮助表示赞赏！

我尝试了什么

iframe上的
• overflow: hidden
iframe上的
• -webkit-overflow-scrolling: touch
iframe标记
• scrolling="no"属性
iframe上的
• pointer-events: none修复了滚动问题，但您this other example

Answer 1

在具有已定义高度的任何父div上添加-webkit-overflow-scrolling: touch即可解决问题。

下面是该示例的有效版本：link。