Javascript 如何停止WOW JS+；CSS在小型设备上制作动画？

1） 我已经浏览了整个网页，只是想知道你们中是否有人遇到了这个问题，你们想停止某些设备或更小屏幕的WOW JS动画

2） 此外，在浏览网站时，不时看到css动画也很烦人（ux-wise最好只看一次），所以我想使用cookies来实现这一目的，但不知道如何实现，因为当JS文件加载到页面底部时，动画已经完成了

请记住，我还使用延迟和持续时间的数据属性，所以这不仅仅是通过删除WOW类

任何想法都将不胜感激：）

---

非常感谢

希望这也能帮助别人

$('.wow').removeClass('wow');

将其放在页面底部，但是对于那些想要删除特定设备的WOW JS动画的人来说，这是适合你的

if(isMobile || isTablet) {
    $('.wow').addClass('wow-removed').removeClass('wow');
} else {
    $('.wow-removed').addClass('wow').removeClass('wow-removed');
}

把isMobile背后的逻辑和我自己分享，我相信每个人都能做到

---

谢谢

一个纯css解决方案将是（即使！重要的是相当丑陋的…）：

---

wow添加的内联样式仍然存在，但被这两行覆盖，它们将不再适用。

更改默认设置

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

到

---

这是对的。将代码放在“哇”脚本之前

---

if（$（window）.width（）对于像我这样的一行程序瘾君子：

new WOW({ mobile:false }).init();

在花了很多时间之后，我回到了第1步，这里是我使用的，如果有人知道任何更好的解决方案，请告诉我们：）JS解决方案->>$（'.wow'）。removeClass（'wow'）；我使用了这个css，它在chrome动画中的工作就是停止。但在iphone safari浏览器中，动画钢制品（动画不停止）。
.wow{visibility:visible！important；-webkit动画名称：none！important；-o-animation-name:none！important；动画名称：none！important；}
这可能会起作用——只是为animation-name添加了前缀。虽然这个代码片段可能会解决这个问题，确实有助于提高你的文章质量。请记住，您将在将来回答读者的问题，这些人可能不知道您的代码建议的原因。还请尽量不要用解释性注释挤满您的代码，因为这会降低代码和解释的可读性！
mobile:false

.wow {
 visibility: visible !important;
 -webkit-animation: none !important;
 -moz-animation: none !important;
 -o-animation: none !important;
 -ms-animation: none !important;
 animation: none !important;
}

new WOW({ mobile:false }).init();