Chrome for iOS不会使用路标触发css3动画,直到滚动停止

时间:2016-01-04 08:56:08

标签: jquery google-chrome jquery-waypoints

当视口中的元素为75%时,我使用jquery路点来触发css3动画。这适用于iOS上的桌面客户端和Safari,但不适用于iOS上的chrome。只有在滚动停止时才会触发动画。这很好用户正在慢慢滚动,但如果他们滚过一个部分并且不停止动画就不会被触发。还有其他人有这个问题吗?

我目前的解决方案是检测设备是否是触摸设备,如果是这样,禁用动画使所有内容100%不透明,但似乎很遗憾,因为它在Safari iOS中运行良好。

1 个答案:

答案 0 :(得分:0)

当用户滚动页面时,iOS上的浏览器不会主动测量滚动位置。当用户滚动浏览桌面上的页面时,会不断测量其位置,但是,在iOS设备上,只有在停止滚动后才会测量位置。

不幸的是,这并不是一个好办法。最好停用移动设备或创建不受此问题影响的交互。