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

Question

我用wow.js它animate.css来显示滚动效果.在桌面和移动游戏中,一切都很好但不适用于移动Chrome.我认为chrome确实会使滚动变得与众不同吗？

向下滚动时,内容块应显示淡入淡出效果.但相反,只有滚动完全停止时才会出现.在移动Safari中,当块进入视口时,效果会显示.这是对的.

是否有任何解决方法可以在移动设备上显示移动设备上的动画？

Answer 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，您的问题很可能会得到解决。