问题标签 [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 投票
1 回答
1108 浏览

jquery - 延迟时隐藏/偏移 WOW js 动画

我正在使用WOW为我的网页上的不同 div 设置动画。但是我延迟了一些 div,这意味着你可以看到它们只是稍微离开屏幕,直到延迟开始,然后过渡发生。你可以在这里看到一个例子。

这里的示例中,动画 div 被隐藏然后它们动画,我不明白如何实现相同的目标?正如我遵循他们的文档一样,与我所看到的没有区别。

任何关于如何达到同样效果的帮助都会很棒。

0 投票
1 回答
186 浏览

javascript - Javascript在淡入后开始另一个动画

我正在使用 wow.js ( http://mynameismatthieu.com/WOW/docs.html )

连同 ProgressBar.js ( http://kimmobrunfeldt.github.io/progressbar.js )

但是,我试图找到一种方法,在 wow 的淡入效果完成后如何触发 ProgressBar.js 的动画。

有小费吗?

0 投票
1 回答
226 浏览

javascript - 如何禁止 WowJS 动画多次出现?

我有一个包含一堆 WowJS 动画的网页。当我向下滚动时会出现动画,这很好。但是,当我向上滚动时,动画再次出现。如何禁用多次出现的动画?

0 投票
1 回答
1728 浏览

javascript - wow.js 不断重复,除非指定迭代

我第一次开始使用 wow.js,我遇到了动画不断重复的问题,除非我明确指定迭代计数为 1。

我可以在任何地方指定这个,但是根据其他网站和文档,这应该是没有必要的。

该网站是基于 Drupal 7 和 Bootstrap 的自定义主题。

  • 引导版本 = 3.3.5(最新)
  • 哇版本 = 1.1.2(最新)
  • 动画 CSS 版本 = 最新

WOW.js 是这样启动的:

0 投票
2 回答
6307 浏览

javascript - 哇 js 不使用滚动

我正在使用 wow js 和 animated.css,它太棒了我真的很喜欢当我尝试在用户滚动 500 像素时运行效果时遇到了一个小问题。

我可以看到 jquery 正在插入类以运行效果,但我看不到效果,如果我的 jquery 很丑,也请随时修复。

我在我的页面上插入了 wow 和 animated.css 类手册并且效果很好,当我尝试与 jquery 一起使用时会发生此错误,有代码。

之前的html:

html运行后效果:

js:

0 投票
1 回答
125 浏览

jquery - 动画不会显示隐藏的块

我正在尝试制作自己的 wow.js 版本,原因有两个,第一个是 wow.js 似乎不再维护,第二个是因为它只显示一次动画

我遇到的问题是我的代码在向下滚动时不显示动画,只有在向上滚动时才显示动画,我可以找到原因......

谁能帮我找出错误?

负责显示元素的函数是这样的:

这是我的jsfiddle

0 投票
2 回答
12756 浏览

javascript - 每 3 秒重复一次动画

我正在使用 WOW.js 和 animate.css,现在我正在将我的 CSS 运行到 Infinite。我想知道如何让我的课程停止运行 3 秒并重新开始无限?

我的html:

我的 CSS 类:

解决方案可以是 JS 或 CSS3。

0 投票
1 回答
2208 浏览

javascript - 如何在可滚动容器上使用 wow.js

我想在我的网站上使用 wow.js。我有一个侧边栏,它需要将内容放在带有overflow-x: auto;. 因为这个 wow.js 不起作用。

是否可以在 wow.js 中定义滚动容器?

我的网站如下所示:

0 投票
1 回答
1749 浏览

jquery - Animate.css:滑动动画不起作用

我正在使用带有 animate.css 的 WoW.js 为我的项目中的一些元素设置动画,其中一个元素只是没有变化。这是一个跨度标签,上面写着“ Learn How We Can Help You Reach Further”。在这个标签上fadeInleftslideInLeft虽然有效,但bounceInRight不起作用。

<span>将标签更改为<p>标签似乎有效(但这不是解决方案)所以我寻找了以span标签为目标的 css,但除了font-size

我尝试将其注释掉,只是为了检查,但事实并非如此。我尝试 iolating 每个 css 和 js 文件,但它们似乎都不是罪魁祸首。

接下来,我更新到最新版本,animate.csswow.min.js问题仍然存在。

有人可以帮我调试问题吗?

0 投票
1 回答
734 浏览

javascript - Animsition 和 Wow JS

我已经创建了我的网站的新版本。我对最终版本有两个问题。

第一个问题:
总结一下,我使用Animsition插件来启动页面之间的 CSS 淡入淡出过渡,当我滚动时,我使用WOW库和Animate.css来在我的图片上启动 CSS 淡入淡出。

我的问题,当页面第一次加载时,CSS 淡入淡出已经开始了。当页面已经加载时,它可以完美运行。可能是JS代码有问题吗?我找不到解决方案。

第二个问题:

这是关于 iOS 上的图像悬停效果,我必须在屏幕上粘贴两次才能启动图像链接,我想粘贴一个。

非常感谢您的帮助。