无法阻止iOS上滚动窗口的“touchmove”

我们正在尝试在我们的iOS网络应用上滚动元素，同时防止窗口本身滚动。 我们正在窗口上捕获touchmove事件，以编程方式滚动元素并（尝试）通过在事件上调用preventDefault来阻止窗口本身滚动。

不幸的是，这在Mobile Safari中不起作用。 窗口继续在我们的元素下滚动。 问题听起来与https://bugs.webkit.org/show_bug.cgi?id=163207中描述的Webkit错误完全相同，但该问题在iOS 10.3中已得到修复，而我运行的是11.3。

捕获touchforcestart并调用preventDefault似乎确实阻止了窗口的滚动，但我们在touchstart中调用它，因为窗口仍然滚动，这似乎“太晚了”。 只有在下次调用touchstart才会阻止滚动。

关于发生了什么的任何想法？ 我们感到困惑，因为这显然是一个错误，但它似乎已经修复了一段时间。

Answer 1

我最近遇到了同样的问题。 注册touchmove事件监听器时，您需要传递{ passive: false } 。 例如

 document.addEventListener('touchmove', function(e) { e.preventDefault(); }, { passive: false }); 

这是因为默认情况下，文档触摸事件侦听器在Safari 11.1中是被动的，它与iOS 11.3捆绑在一起。 Safari 11.1 发行说明中记录了此更改：

Web API

• […]
• 更新了根文档触摸事件侦听器，以使用被动模式提高滚动性能并减少崩溃。