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

angular - 以角度 2 初始化 WOW 动画

如何WOW在一个 Angular 2 应用程序中实现该库,该应用程序一个接一个地显示许多组件,以便在滚动时为这些组件设置动画?我应该在哪里WOW()准确初始化实例?

0 投票
1 回答
479 浏览

javascript - 从顶部滑动哇哇

我尝试像这个链接http://mynameismatthieu.com/WOW/index.html一样达到相同的动画,总督图像从上到下如何获得这样的动画。

这是我的代码

0 投票
1 回答
133 浏览

html - 调整响应式网站大小时出现空白

我有一个使用引导程序的响应式网站,其中几乎每个元素都使用 WOWjs 进行动画处理(当您滚动它时动画化。)当我调整文档大小以测试其响应性然后一直向下滚动,然后全屏打开它,我在页脚下面。我检查了元素,空白不是任何东西的一部分。连身体都没有。事实上,我无法突出显示它,它出现在 body 元素下。我对此感到非常困惑。可能是WOWjs,因为我在其他项目中使用WOWjs时也遇到过类似的事情。删除 WOWjs 不是一种选择,因为这是针对客户的,他想要它。我尝试添加height: 100%,这导致 WOWjs 元素不会淡入。我也尝试过margin: 0; padding: 0;它仍然不起作用。我无法附上代码,因为它需要太多资产及其超过 300 个代码,而且我不知道问题出在哪里。我可以给你一些可能或至少我认为可能相关的代码。

也许有人有 WOWjs 和 animatecss 和 viewport 的背景来解决这个问题。

PS .. 该网站是一个 php 文档,因为它有一个联系表。

0 投票
1 回答
903 浏览

javascript - Wow.js - 具有固定高度的滚动 div 中的动画。一些物体消失

我正在使用 wow.js 淡入一些 div,这些 div 位于具有溢出自动和固定高度的 div 下。

一些对象的动画效果很好,但其中一些不会动画甚至出现(保持不可见)。

我认为这是一个视口问题。未出现在视口中的对象将永远不可见。

这是我的代码:

谢谢

0 投票
1 回答
3109 浏览

jquery - Wow.JS fadeOut 类但保持 div 淡出?

我正在使用 animate.css 和 wow.js 在滚动时淡出一个 div,但它会淡出然后又回来。我希望它淡出并远离。

我尝试添加“动画”类,它可以工作,但不能滚动到 div。它只是在页面加载后淡出。

这是我的笔:

http://codepen.io/omarel/pen/ozRzZJ

HTML

CSS

JS

0 投票
0 回答
273 浏览

html - wow.js 不能与 position:relative 一起正常工作

我正在建立一个网站,我需要一些动画。我的问题是我有一个带有以下 CSS 的块:

块如下:

但是当我向下滚动.description块执行动画#second-section然后移动(没有动画)到里面的正确位置#first-section时,我是否清楚?

.description由于设计原因,需要以这种方式定位,但我需要平滑动画。知道为什么哇我的街区有这个问题吗?

提前感谢您的回答。

0 投票
1 回答
297 浏览

angular - 在 Angular 2 中向我的组件添加自定义 js 脚本

我的应用程序使用我设置的服务器上的 API。

对于我的前端,我使用的是 Angular 2。

我想使用自定义 js 和jquery脚本来实现一些功能,使前端更具吸引力。

css样式表是通过styleUrls组件装饰器中的属性添加的。

如何引用 JS 文件以便能够合并WOW jsJquery等库?

0 投票
3 回答
2552 浏览

javascript - 带有 wowJS 的 ReactJS 不起作用

我似乎无法让wowJS工作。

我愿意import WOW from 'wowjs';

但我明白了TypeError: _wowjs2.default is not a constructor

如果我做import { WOW } from 'wowjs';

我明白了

MutationObserver is not supported by your browser. WOW.js cannot detect dom mutations, please call .sync() after loading new content.

如果我做

注意wow.sync()

我明白了TypeError: Cannot read property 'nodeType' of undefined

卡在那里:(

0 投票
0 回答
98 浏览

mcustomscrollbar - wow.js 不适用于 mCustomScrollbar

我已将 mCustomScrollbar 应用于具有 wow.js 的页面正文

我被迫将 height: 100% 应用到我的页面正文,这停止了哇工作

有没有办法解决?

0 投票
1 回答
168 浏览

css - Wow JS 解决方案,用于删除在 Macbook Pro(谷歌浏览器)上不起作用的粗体文本

哇动画停止在mac book pro chrome中粗体呈现文本

我正在使用 wow.js 进行滚动动画。在 mac book pro 上完成动画后,它会显示粗体文本。

在互联网上寻找解决方案,我通过了这段代码。

这是我应用的解决方案。

但这对我不起作用。

我在显示动画后使用了下面的代码,向元素添加了动画类。

上面的代码将代码从粗体更改为正常,但在链接时动画看起来很奇怪。