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

html - Safari 上带有背景图像的元素上的 Wow.js 显示不正确

我在我的网站上使用Wow.js,它在除 Safari(在 Windows 上运行)之外的所有浏览器(甚至 IE ...)上都能正常工作。我正在使用引导程序 3。

我在控制台中看到以下错误:

这里提到了这个问题但它是在通过 AJAX 加载内容的上下文中,我没有这样做。

这是我的标记:

它应该如下所示: 在此处输入图像描述

但相反,我看到了这个: 在此处输入图像描述

我在此页面的其他地方使用 Wow.js,效果很好。当我使用背景图像时,问题似乎出现了。

0 投票
3 回答
2587 浏览

javascript - Wow + jquery + animate div 在加载时显示然后再次出现

我正在使用 jquery + wow + animate 来制作页面上出现的一些 div 动画。一切正常,除了我的页面加载不顺畅。应该平滑显示的 div 首先出现在页面加载时,然后隐藏,之后它们以动画形式出现。

请检查 www.pester.rs 你可以看到问题,我已经尝试了一切,但没有任何效果。

0 投票
2 回答
11153 浏览

jquery - 使用 wow.js onclick 动画特定段落

我正在使用 wow.js 在滚动时为页面上的不同元素设置动画。现在,我只想在单击按钮时(在 jQuery 中)在特定段落上提升动画。

我不想再次用动画初始化页面(见下文),而只想为这个具体段落设置动画(用id = "reasons")。

我怎样才能做到这一点?

0 投票
1 回答
1934 浏览

javascript - 如何使用 WOW.js 和 BS3 为固定 div 设置动画而无需滚动到顶部

我正在使用 WOW.js 为导航栏设置动画,该导航栏使用 navbar-fixed-top 固定在顶部。不幸的是,如果我已经粘贴了顶部,导航栏将不会动画,直到我再次转到页面顶部。

有没有办法强制包含菜单的特定部分无论如何都要动画?

HTML

代码显示在这里:https ://jsfiddle.net/DTcHh/7108/

示例如下所示:http: //fiddle.jshell.net/DTcHh/7108/show/light/

不幸的是,刷新页面时 JSFiddle 会自动转到顶部,但是如果您在更新时快速向下滚动,问题就会变得可见。

0 投票
2 回答
2880 浏览

javascript - 延迟 wow js 动画直到页面加载

wow js在我的网站上使用,我需要一种方法来延迟动画直到页面完全加载。不是data-wow-delaypreloader当页面加载动画已经发生时,我也在使用它。

这是我的第一个问题。如果你们能帮助我,我真的很感激。

0 投票
2 回答
913 浏览

javascript - 悬停和焦点上的 Jquery 应用类加上数据延迟迭代

我试图弄清楚如何在每个列表项延迟 100 毫秒的情况下使列表项在列表 fadeInUp 中。

到目前为止,我已经做到了这一点,它确实应用了类来对其进行动画处理,并且每个列表项的值为 100 毫秒的属性会增加。但是当我悬停时,所有项目同时淡入淡出,即使应用了 data-wow-delay 并且我的 wow.js 库中没有控制台错误。有任何想法吗?干杯。

0 投票
1 回答
1228 浏览

jquery - wow.min.js 与 jquery.fullpage.js 一起使用

我正在使用两个著名的插件wow.min.jsjquery.fullpage.js但是当我在同一页面上同时使用它们时,其中一个不起作用,请帮助我。我正在使用这两个脚本来调用它们。

0 投票
0 回答
664 浏览

javascript - 如何使用 wow.js 为固定位置 DIV 内的元素设置动画?

我正在尝试使用wow.js在项目滚动到视图时为其设置动画。我希望动画的项目在页面上的固定位置 DIV 内。

但是,wow.js 不想在项目进入视图时对其进行动画处理,我猜这是因为浏览器窗口本身没有滚动,只有固定位置的 DIV 设置了 overflow-y 滚动。

关于让 wow.js 为固定位置 DIV 中的项目设置动画的任何想法?

绿色背景的段落是我的目标是动画。

更新小提琴:https ://jsfiddle.net/1do305gs/7/

基础知识:

0 投票
0 回答
2010 浏览

jquery - 为什么 CSS 动画运行两次或抽搐?

我在我的网站上使用了 wow.js,问题是每次刷新页面时,它都是动画两次而不是一次。

这是视频演示它是如何在我的系统演示中发生的

这是页面链接http://csl.nextgeni.us/loading/index.html

Note:我注意到 CSS 动画在文档准备好之前运行,并在文档准备好后再次运行。

这是片段代码。

0 投票
0 回答
535 浏览

javascript - WOW js 在类处于活动状态之前不会触发动画

我正在使用我在其他项目中使用过的WOW,它很棒。但是,在我正在构建的当前网站上,它使用幻灯片(div),它同时显示所有动画,而不是每张幻灯片都处于活动状态。

当幻灯片处于活动状态/显示时.pt-page-current,将向父 div 添加一个类。我想做的是创建一个脚本,如果幻灯片有一个类,则只允许 WOW 触发动画.pt-page-current

是一个测试版本,以显示我在说什么。第二张带有文本“Dave's had an idea..”的幻灯片应该滑入,但它会立即制作动画,因此您看不到它。

有没有办法让这个脚本在类.pt-page-current处于活动状态之前不触发动画?