wow.js 移动设备上的动画 chrome 仅在停止滚动时触发

Question

我使用 wow.js 和 animate.css 来显示一些滚动效果。在桌面和移动 safari 上一切正常，但在移动设备上却不行 chrome。我认为 chrome 确实使滚动不同？

当我向下滚动时，内容块应该出现淡入淡出的效果。但是，它只会在滚动完全停止时出现。在移动版 Safari 中，当块进入视口时，效果就会出现。这是正确的。

是否有像在移动 safari 上那样在移动 chrome 上显示动画的解决方法？

Answer 1

Safari 和 Chrome 在 iPhone 6 中的一切看起来都一样，但您似乎关闭了移动动画。试试这个。

JS：

wow = new WOW(
    {
      boxClass:     'wow',      // default
      animateClass: 'animated', // default
      offset:       0,          // default
      mobile:       true,       
      live:         true        // default
    }
  )
wow.init();

更新： 请参阅 whosebug.com/a/27574822/4556503。该答案解释了 iOS 滚动事件的区别。 Apple 对 iOS 8 处理滚动事件的方式进行了更改，但 Chrome on iOS 仍在使用 UIWebview 而不是较新的 WKWebView 来呈现页面。一旦 Google 将 iOS 的 Chrome 更新为 WKWebView，您的问题很可能会得到解决。

Answer 2

对我来说，解决办法是取出

body {
   overflow-x:hidden;
}

来自我的手机 css。

wow.js 移动设备上的动画 chrome 仅在停止滚动时触发

wow.js animation on mobile chrome triggers only on stop scrolling

html

css

safari

google-chrome

animate.css