问题标签 [wow.js]

我正在使用完整的 Page 和 wow 插件制作我的第一个网站。我的问题是页面向下滚动后没有加载哇动画。我试图在加载页面后将动画类添加到 div，但它不起作用。任何想法如何正确地做到这一点？这是我的代码初始化插件

当用户在页面上滚动到元素时，我正在使用wow.js为元素设置动画。我已经使用 an 将一堆元素加载到浏览器中，ng-repeat并且它们在立即加载时动画效果很好。您可以在此演示中看到正确加载的元素：

http://codepen.io/Chevex/pen/eHsCF

但是，当数据异步添加到$scope.items数组中时，它似乎不起作用。

http://codepen.io/Chevex/pen/KvpqB

如果删除.wow类，您可以看到元素已添加到页面中。该类.wow隐藏了元素，但由于某种原因它们出现在页面上时 wowjs 并没有显示它们。

有任何想法吗？

我正在使用wow.js 插件和 jquery 预加载教程。

预加载器工作正常，但是当它预加载页面上的元素时，wow.js 动画已经结束。我想编辑我的代码，以便在预加载所有内容之后动画将开始。

我已阅读此问题和答案 ，但它不适用于我的代码。

我的代码：

如果有人能帮助我，那就太好了，谢谢！

我有一个父 DIV (.wrap)，其中包含多个使用 WOW.js/Animate.css 淡入的图像。

每个图像都被定位在不同的位置。

我想知道是否有一种方法可以使用父 DIV 的偏移量而不是每个单独图像的偏移量来触发父 DIV 内的所有动画。

根据 wow.js 文档，我可以设置动画触发的底部偏移量：

我有一个 .foo 容器<div class="foo wow fadeIn"></div>，我想在其底部到达视口底部时进行动画处理，即它完全在我的屏幕上。所以我猜偏移量应该等于 .foo 元素的高度。有没有办法在上面的 wow.js 设置中指定这个？

我使用这个插件： http ://www.thepetedesign.com/demos/onepage_scroll_demo.html

每次更改幻灯片时，我都想使用此插件对一个动画的每个部分的所有元素进行操作： https ://github.com/matthieua/WOW

其他时候我使用 WOW JS，效果很好，但是这个组合 WOW JS + ONEPAGE SCROLL 不起作用..

只有第一个元素有效，其他幻灯片无法正确显示。

有人有想法吗？

谢谢

1）我浏览了整个网络，只是想知道你们中是否有人遇到过这个问题，您想为某些设备或/和较小的屏幕尺寸停止 WOW JS 动画？！

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

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

任何想法都将不胜感激:) 非常感谢

我的网站上有 wow.js，在某些元素上我有一个属性 data-wow-offset="200" 所以当屏幕滚动过去时，动画在元素下方 200px 处开始。

我的问题是，在移动设备上实际上太低了，所以看起来页面上没有任何内容。

我要定位的媒体查询是：

Wow.js 确实允许整体默认值，但我只希望它在选择元素上。

猫头鹰旋转木马：http: //www.owlcarousel.owlgraphic.com/ Wow.js：http ://mynameismatthieu.com/WOW/

我正在使用 Owl Carousel 和 Wow.js

我正在尝试创建一个幻灯片，其中每张幻灯片的内容在幻灯片处于活动状态时都会进行动画处理。目前，所有内容的动画都会出现，即使其中包含的幻灯片不在屏幕上。Wow.js 似乎只能识别幻灯片本身是可见的并激活所有动画

有没有办法可以更改它，以便动画仅在其包含的幻灯片在屏幕上可见时才会出现在内容上？

我正在尝试使用wow.js添加 JavaScript 动画效果，因此我对其进行了初始化：

我把类效果（wow slideInRight）放在我的里面div：

问题在于，这个 JavaScript 不是显示每个项目的效果，而是同时显示所有项目的效果。在循环中使用此 JavaScript 的正确方法是什么？