问题标签 [wow.js]

所以尝试结合使用 wow.js 和 animate.css

我的动画 css 工作正常，并且 wow.js 已包含并激活，但它没有注册我向下滚动到元素，因此没有动画。

我在标签之前在 html 底部包含的内容 + animate.css 库导入到我的 main.css

视口

main.js - 应该与 wow.js 无关

animate 已导入到我的 main.css 文件中。

完全难倒为什么这不起作用。任何想法，测试站点链接如下。

http://loved-shrew.cloudvent.net

我正在使用 Wordpress Divi 主题开发一个网站。我正在使用Animate.css和Wow.js在用户滚动网页时触发自定义动画。在模块Divi Advanced CSS部分，有一个可以输入自定义类的地方。因此，我可以输入 Animation 类型并初始化 wow.js。但是我找不到输入data-wow-duration、data-wow-delay、data-wow-offset 等的地方……因此，我正在寻找一种将这些属性插入 Divi 主题模块的方法。提前致谢。！

我想wow.js在我的项目中使用。在本地计算机上，没问题。但是当我将项目发布到服务器时。我在此屏幕截图后收到错误消息。并且动画将无法正常工作。

我应该怎么办 ？

我正在努力做到这一点，所以每当我点击某个元素时，其他元素都会使用 wow.js 动画延迟出现。动画本身在点击时起作用，但是，延迟不存在。

我有一些代码：

我使用自定义滚动（水平）-malihu 自定义滚动条

对于动画 - animate.css 和wow.js

问题在于，水平滚动时，块中的文本平滑地出现（动画），因此是顺序的（就像使用 wow.js 时一样）。

问题：如何为水平滚动配置 wow.js（或者，也许是另一个插件）？or如何为自定义滚动配置 animate.css（当滚动块平滑地按顺序出现时）？

有没有办法减少动画 div 的距离？对于fadeInUp，它当前来自屏幕外。我只希望它从 30px 向下移动。我以为会，data-wow-offset但改变它的价值观并没有改变任何东西。

我有一个带有 wow.js 和 animate.css 效果的网站。一切正常：http: //doggystyle.businesscatalyst.com/

然后我做了一些更改并上传到另一个测试url，所以动画效果现在不起作用。在这里检查：http: //doggy-test.businesscatalyst.com/

你能帮我找出一个问题。谢谢

在我的网站上，我有一个包含 3 列（带引导程序）的部分，在移动尺寸下，堆栈彼此叠放，并以更大的尺寸彼此相邻排列。现在应该发生的是，在滚动时它们应该与 zoomIn 动画一起出现。哪个有效，但仅适用于最小宽度：300px。一旦页面达到 min-width: 480px 动画就会停止工作并且内容只是出现而不是平滑的动画。

我在 wow.js 中拥有的所有其他内容在所有其他尺寸下都可以正常工作。它只是那个特定的部分。

这是我的 HTML：

这是我的 min-width: 300px 和 min-width: 480px 的 CSS：

我不太确定它为什么会停止工作，我认为它一定是我采用新尺寸的风格。所有其他尺寸，768 和 1024 对此部分没有任何样式更改。我已经更改了动画的持续时间，看看我是否没有看到动画，但可以肯定它在 480 处停止工作。我还尝试了不同的动画，使用任何其他动画也会使内容出现。

关于为什么这只发生在本节中的任何想法？

谢谢！

更新：我仍然不确定为什么会发生这种情况，但我通过将 wow zoomIn 类添加到图像而不是 a 标记来修复它 - 添加星号，这样你就可以看到我移动类的位置，不要把它们放在你自己的代码 ;）

当滚动发生时，我试图在页面上使用 css 动画为某些元素设置动画，如果用户停止滚动，我希望暂停这些动画。这个索尼被感动的网站很好地说明了我试图达到的效果。但是，这个特定的视频使用的视频对我来说并不理想。我想知道是否有一种方法可以仅使用 css 动画来实现相同的效果。我查看了 wow.js 脚本。但是，这并不是我想要的，因为滚动停止时元素动画不会“暂停”。我没有任何代码可以分享，因为我没有设法让它像我希望的那样稍微工作。对此的任何建议将不胜感激。

我正在尝试关闭wowjs事件，以便在它显示时应用我自己的样式。有谁知道这样做的事情，或者我只需要关闭滚动事件吗？

这样的事情会很棒 $('#someId .fadeInUp').on('trigger', function(){});