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

【问题标题】：wow.js animation on mobile chrome triggers only on stop scrolling移动 chrome 上的 wow.js 动画仅在停止滚动时触发
【发布时间】：2015-04-20 22:52:59
【问题描述】：

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

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

是否有任何解决方法可以像在移动 safari 上一样在移动 chrome 上显示动画？

【问题讨论】：

你有一个 fiddle、sn-p 或 live site 可以让我们看到行为吗？
preview.rotecswiss.ch/de 在移动 chrome（iPad 或 iPhone）上试试这个
刚刚在 iPhone 6 Safari 和 Chrome 上测试过。两者看起来完全一样。您遇到的具体问题是什么？
@Coop 再次在移动设备上启用了动画。请立即查看。

标签： html css google-chrome safari animate.css

【解决方案1】：

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

JS：

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

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

【讨论】：

感谢您的回答。我禁用了移动动画。我再次启用了它们。因此，请再次检查您 iPhone 上的 chrome。泰。
@m1crdy 请参阅stackoverflow.com/a/27574822/4556503。该答案解释了 iOS 滚动事件的不同之处。 Apple 对 iOS 8 处理滚动事件的方式进行了更改，但 iOS 上的 Chrome 仍然使用 UIWebview 而不是较新的 WKWebView 来呈现页面。一旦 Google 将 iOS 版 Chrome 更新为 WKWebView，您的问题很可能会得到解决。
请粘贴您的评论作为答案。然后给你赏金;）
我继续将其粘贴到我的答案中。谢谢，对不起，我可以提供更多帮助。

【解决方案2】：

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

body {
   overflow-x:hidden;
}

来自我的移动 CSS。

【讨论】：