使用惯性效果同步多个滚动div

Question

我有多个div同时滚动。我有一个css属性可以对我的所有div（对于iPad上的safari）-webkit-overflow-scrolling: touch;产生惯性效果。它在桌面Web浏览器上完美运行。但是当我在iPad上启动网页时，我想改变一下。

ipad上的问题是：当我使用惯性效果时，所有div在惯性效果完成时同步。我希望与桌面Web浏览器具有相同的效果，也就是说，它们是为惯性效果同步而不是最终。

你知道，如果有解决方案吗？

为了完成我的解释，我创建了一个：JSFiddle

Answer 1

据我所知，无法使用JavaScript处理移动设备上的CSS滚动惯性。手动滚动和动画完成时会触发元素滚动事件。动画期间不会触发任何事件。所以你必须用javascript模拟惯性来同步你的div（这不是个好主意）。