javascript - 同步多个带有惯性效果的滚动div

Question

我有多个 div 同时滚动。我有一个 css 属性对我所有的 div 产生惯性影响(用于 iPad 上的 safari)-webkit-overflow-scrolling: touch; .它在桌面网络浏览器上完美运行。但是当我在我的 iPad 上启动我的网页时，我有一个想要改变的效果。

ipad 上的问题是:当我使用惯性效果时，当惯性效果完成时所有 div 同步。我希望与桌面网络浏览器具有相同的效果，即它们是为了惯性效果而同步的，而不是在最后同步。

你知道吗，有没有解决办法？

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

Answer 1

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