为移动设备禁用velocity.js 动画

Question

我创建了一些 Velocity.js 动画，它们在使用 Chrome、Safari 和 Firefox 的笔记本电脑上运行良好，但是，动画有时会崩溃或不出现在我的 ipad2 上。由于它有时有效，让我相信它是我的 ipad2。我的问题是，是否可以禁用所有移动设备的动画，以便它们显示非动画内容？

我假设这需要通过 JavaScript 完成？？

提前致谢！

Answer 1

您可以使用 Velocity 的 mock、see docs 属性强制所有动画的持续时间和延迟为 0。 只是为了展示这个想法，比如：

Velocity.mock = /iPad|iPod/.test(window.navigator.userAgent);

但是，如果您可以将破坏动画最小化到 jsFiddle/codepen/jsbin/etc 上的单独测试中，并且如果您在 Velocity repo 的问题跟踪器上看到问题报告它们，那也很棒。