Question

我在我的本地电脑上有一个网站并将其链接到wow.min.js. （我不知道我是否应该下载整个库或只是那个文件;我做了两种方式，但仍然没有运气。）我试过了：

下载整个库：

<script src="WOW-master/dist/wow.min.js"></script>

只有这个文件在同一个目录中：

<script src="WOW-master/dist/wow.min.js"></script>

使用此CDN：

<script src="//cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js">

没有任何运气^ 通过所有这些变化，我将其用作WOW集成：

<script>new WOW().init();</script>

这将是目标元素：

<i class="fa fa-pencil-square-o fa-3x wow slideInLeft" id="icons" aria-hidden="true"></i>

我知道animate.css工作正常，因为如果我写这样的代码：

<i class="fa fa-pencil-square-o fa-3x animate infinite slideInLeft" id="icons" aria-hidden="true"></i>

我看到动画无限制地工作。

而不是在滚动到时触发，它只是让元素没有可见性（可见性：隐藏？），你根本看不到目标元素。

可能是什么问题？

我从WOW的官方gitHub页面下载了所有这些文件

该网站的实时链接如下： http://stackoverflowproblems.site88.net/index.html

糟糕的网站/主机，没有照片，因为它们对我使用的免费主机太大（> 1MB）。此外，我上传后javascript无法运行。但这不是这个问题的焦点。代码仍然存在，所以希望这足够好。谢谢！

Answer 1

我遇到了与您相同的问题，直到我回到CSS并注意到我给了body标签一个隐藏的溢出-x属性：

body, html {
    /* Some stuff here */
    overflow-x: hidden;
}

一旦我删除它，此问题就解决了，动画又开始工作了，实际上，这是wowJS库中的known issue。因此要解决此问题，只需删除隐藏的overflow-x。

Answer 2

请勿在您的CSS或样式上添加from itertools import count distances=[[6.75, 0.75, 0.25, 2.25, 2.75, 1.75, 5.75, 2.75, 3.75, 7.75], [1.833333333333333, 4.166666666666667, 5.166666666666667, 7.166666666666667, 2.166666666666667, 3.166666666666667, 0.833333333333333, 2.166666666666667, 1.166666666666667, 2.833333333333333]] minimum_distance= [0.25, 0.833333333333333] print([(i, distance_list.index(minimum)) for i, distance_list, minimum in (zip(count(), distances, minimum_distance))])。如果您的样式上有overflow-x: hidden;，则此方法将无效。

为什么WOW.js无法工作并留下隐形元素？

2 个答案: