1

我在本地电脑上有一个网站并将其链接到 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，它就无法正常工作。但这不是这个问题的重点。代码仍然存在，所以希望这已经足够好了。谢谢！

4

2 回答 2

0

我遇到了和你一样的问题，直到我回到我的 css 并注意到我给 body 标签一个隐藏的 overflow-x 属性：

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

一旦我删除它，这个问题就解决了，动画又开始工作了，事实上，这是 wowJS 库中的一个已知问题。所以要解决它，只需删除隐藏的溢出-x。

于 2019-03-17T04:58:56.197 回答
0

不要添加overflow-x: hidden;您的 CSS 或样式。overflow-x: hidden;如果你有你的风格，它就行不通。

于 2019-08-09T12:44:35.573 回答