scroll - 在 iOS safari 中，当用户触摸停止滚动元素时，event.target 无法返回手指下的正确元素

Question

问题

这是示例，请在 iOS Safari 上进行测试。

在这个例子中，当用户触摸一个锚点时，触摸位置的锚点背景会变成灰色。

当用户滚动元素时，立即触摸元素使其停止，然后再自行停止。错误的元素会变成灰色。实际上，滚动前触摸位置的锚点会变成灰色。

可能的解决方案

1. 最好的解决方案是在触摸停止滚动元素时在触摸位置获得正确的锚点。

2. 如果无法获得正确的锚点，则在接受touch-stop滚动元素时停止灰转。但是我怎么知道用户是触摸停止滚动元素还是只是点击？换句话说，我怎么知道元素是否在滚动？

Answer 1

也遇到这个问题。搜索结果的滚动列表，点击一个并获取详细信息。这只有在滚动帽子完全停止时才有效。只要列表中还有一些移动，点击就会选择错误的项目。

简单的解决方案：禁用原生滚动，取出

-webkit-overflow-scrolling: touch;

它不再滚动得那么好，但水龙头现在可以工作了。

在这一点上，如果你真的需要的话，你可以查看带回漂亮滚动效果的库。