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

标签 javascript jquery html css

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

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

你知道吗,有没有解决办法?

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

最佳答案

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

关于javascript - 同步多个带有惯性效果的滚动div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23057014/

相关文章:

Javascript OOP,getters,setters,运行 - D3.js - 通过选项设置使图表可重新使用

php - 如何在提交表单时触发另一个表单。?

javascript - 具有 : auto centering, 适合容器内内容大小的模态容器

html - 重新排列 Bootstrap 列

asp.net - 具有 PNG 后备功能的浏览器中用于图像的 SVG

javascript - 动态文件名的节点红色列表内容

javascript - 迭代数组以将值添加到幻灯片

javascript - 计算每篇文章的高度和调整大小

javascript - 检测视频分辨率变化

Javascript onclick 事件未在 Firefox 中触发