问题标签 [wow.js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
358 浏览

html - 改变动画的方向

我正在使用wow.jswithanimate.js在鼠标滚动上显示动画。

我想改变小设备上的动画方向,比如在大屏幕上它应该从右边开始动画,在小设备上它应该从底部开始动画。

这是一个片段来显示我需要什么。

0 投票
0 回答
212 浏览

html - 更改 wow js 动画起点

提琴手

我使用 wow js 为我的网站中的几个部分制作动画。它工作得很好。但我发现动画来自网站的边缘。走了很长一段路才走到中间。所以看起来不太好看。如何围绕这条黑线调整动画起点。

在此处输入图像描述

我玩了 wowjs 默认选项。但没有运气。

有什么解决办法吗?

0 投票
1 回答
1728 浏览

javascript - ngx-wow not working angular 5

I've never used this library before Im hoping someone who has can help me out,

Okay So I'm trying to use the ngx-wow library but I cant get it to work.. so following the instructions

Ive run yarn add wowjs

I added it to angular-cli.json

I also added animate.css as a global dependency the same way

then I install ngx-wow following the instructions like so..

then in my main module Ive imported the ngwWowModule

then In the component I want to use wow.js

and in my components html

but I cant get it to work in my console Im getting this error...

enter image description here

Im not sure what Im doing wrong any help would be appreciated!

0 投票
1 回答
496 浏览

javascript - React Wow 不是构造函数

我正在尝试将 Wow.js 添加到我的反应应用程序中。这是我的代码框的链接。我已经导入了 wow.js 1.1.2 和 animcate.min.css 3.5.2。在我的 index.js 中,我导入了 animate.min.css

在我的 App.js 中,我已经导入并初始化了 wow.js

我收到以下错误:

_wowjs2.default.WOW 不是构造函数

感谢您的帮助!

0 投票
1 回答
458 浏览

html - 视口中带有 WOW.js 的项目的动画

我有一个包含在视口中的项目列表,这意味着当我加载页面时,它们都同时被动画化。但我希望他们一个接一个地制作动画。

这是我的笔 https://codepen.io/kaleem78/pen/oMEeqZ

如何在视口中一个接一个地为项目设置动画?

0 投票
1 回答
873 浏览

javascript - Wow.js 和 Animate.css 的单个字母动画

我试图用 Wow.js 和 Animate.css 实现逐字母动画。
据我所知,默认情况下这是无法做到的。

我在 codepen 上找到了这支很棒的笔 - https://codepen.io/aartiik/pen/jpjaxE
我想要的效果 - 'BounceIn'。
不幸的是,我找不到让它与自定义文本一起使用的方法。
Javascript:

0 投票
3 回答
67 浏览

javascript - 如何在另一个动画完成后激活动画

我有一个代码片段(如下),当您滚动到它时我想对其进行动画处理。它正在工作,但是为圆圈设置动画的类同时激活,这使得它看起来不对。我怎样才能让圆圈正常填充而不是在两个单独的动画中?我需要为此延迟吗?如果我添加延迟然后更改百分比会发生什么?那么延迟会关闭吗?

我正在使用wow.js在滚动时激活它。

如果您想编辑codepen,因为我正在使用 SCSS,但显然无法将其包含在我的代码片段中。

0 投票
1 回答
235 浏览

javascript - WOW.js 不支持 chrome 68.0.3440.106

我在我的项目中使用了 wow.js 和 animate.css。我添加了哇属性,例如'data-wow-delay="2s"。但是,它适用于 IE,但不适用于 Chrome 版本 68.0.3440.106。实际上,动画部分可以工作,但不会发生哇延迟。这是WOW的bug吗?是否有适用于大多数浏览器的类似 Javascript 库?

0 投票
1 回答
1595 浏览

animate.css - 数据哇持续时间与动画持续时间?

这篇文章与 animate.css 和 wow.js 有关。这可能是一个非常愚蠢的问题,但是动画持续时间和动画延迟与数据哇持续时间和数据哇延迟之间有什么区别?

谢谢!

0 投票
1 回答
1848 浏览

javascript - 加载页面时哇JS隐藏元素

我有一个 div 元素,我想在滚动时滑出。我已经应用了 slideOutLeft 动画并包含了 data-wow-offset 参数并且动画本身可以工作,但不幸的是,当我最初加载页面时,动画元素被隐藏了。该元素应该从可见开始,然后向左滑出并隐藏。不知道为什么这不起作用。