问题标签 [wow.js]

我目前有一个carrousel，其中有几张幻灯片的过渡。我有一个初始动画，非常完美。就像想要的效果一样。由文本的外观组成，这些文本根据库的延迟一一执行。我的问题包括以下幻灯片，效果发生变化，文本默认出现，并在显示文本时执行动画。我希望在所有幻灯片中，文本的动画都与第一张幻灯片中的相同。

提琴手

我按照本教程使用wow.js. 我在 div 中使用它，而不是整个页面。我滚动 div，而不是页面。而且这个 Javascript 不起作用。

我需要解决什么问题？

先感谢您。

嗨，即使元素仍未显示，我们如何让 wow.js 启动所有动画？

http://mynameismatthieu.com/WOW/

根据 GatsbyJS 的创建者，这似乎是一个常见问题。这是 GitHub repo 上已解决问题的引用：

您有引用窗口对象的代码（您自己的或正在使用的模块）。服务器渲染时失败，因为您不在浏览器中，因此窗口不存在。这是一个相当普遍的问题。解决方案是在 componentDidMount 中运行对窗口的代码引用，您可以确保您现在在浏览器中。

我只看到少数几个在 ReactJS 中设置 AOS 或在 GatsbyJS 中设置类似东西的示例，但没有什么是我真正需要的。我提出的配置不适用于生产版本，即“gatsby build”......这是我的代码：

我尝试了一些变体，我在 props 构造函数中将变量设置为 AOS，然后使用 componentDidMount 将变量设置为 AOS.init()，还尝试使用 this.state 并进行设置，但都没有任何区别。那么执行所需操作的正确方法是什么？我知道我将使用 componentDidMount 但除此之外我不知道。任何帮助深表感谢...

刚刚支付了商业许可证并尝试遵循文档但无法使动画正常工作

我正在使用 Laravel 5.4 和 Vue 2

我哪里错了？

更新，哇正在应用于我的 Vue 组件，但不是本机 html 标签。

似乎 style="visibility: hidden;" 没有被覆盖。

我有一个正在填充的列表，但是一旦达到一定长度，我想更改动画类并从数组中删除该项目

当我尝试WOW通过这些陈述之一要求时

我收到此错误

jQuery.Deferred 异常：WOW 不是构造函数 TypeError：WOW 不是构造函数

我在我的网站上使用 wow.js 制作一些动画，效果很好，但我希望它在每次有人滚动经过它时重新制作动画。

我在网上到处检查，我已经尝试过这里的代码片段，但它似乎不起作用。

任何和所有的帮助表示赞赏。谢谢！

我正在使用WOW.js为一些div容器设置动画，并希望避免使用这些data-*属性。

示例 HTML

示例 JS

是否可以通过类或 JS控制数据属性的 持续时间、延迟、偏移和迭代，例如在 init() 上？

我的解决方法是搜索类，class="wowDelay-5s"并为其元素添加一个属性 as data-wow-delay="5s"，但我更喜欢正确的方法，如果有的话。

提前致谢！

我试图让 WOW.js 在我的 Angular 项目中工作，但它还没有工作。我没有使用 webpack，所以我认为下一个线程没有回答我的问题：如何在 Angular 2 Webpack 中使用 WOW.js？.

我到目前为止采取的步骤：

1. 我安装了 wow.js 模块。

npm 安装 wowjs

2. 我将 wowjs 文件添加到“.angular-cli.json”。

   “样式”：[“../node_modules/wowjs/css/libs/animate.css”]，

   “脚本”：[“../node_modules/wowjs/dist/wow.js”]

3.然后我在我的一个标题中添加了一个令人惊叹的效果。

4. 接下来我做的是重建和服务我的项目。

构建

服务

5. 还没有哇的效果。有人知道我还需要做什么吗？