1回答
我对rails很陌生。我希望使用wow.js ()在我的登陆页面上添加一些很酷的过渡效果。
我安装了wow.js使用纱线添加wow.js
我在javascript资产管道中创建了一个新的wow.js，其内容如下
import {WOW} from 'wowjs'
const wow = new WOW({
boxClass: 'wow',
animateClass: 'animated',
offset: 0,
live: true
});
wow.init()
我在我的wow.js文件中导入application.js (导
浏览 0提问于2019-01-24得票数 0
1回答
Owl旋转木马： Wow.js：
我正在使用Owl Carousel和Wow.js
我正在尝试创建一个幻灯片放映，当幻灯片处于活动状态时，每个幻灯片的内容都会有动画效果。目前，所有内容的动画都会发生，即使它所在的幻灯片不在屏幕上。Wow.js似乎只能识别幻灯片本身是可见的，并激活所有动画
有没有办法更改它，使动画只在其包含的幻灯片在屏幕上可见时才在内容上出现？
浏览 7提问于2015-03-15得票数 1
1回答
我试图让WOW.js在我的角度项目中工作，但它还没有工作。我没有使用webpack，所以我认为下一个线程没有回答我的问题：。
我至今所采取的步骤：
我安装了wow.js模块。
npm安装wowjs
我将wowjs文件添加到“.ange-cli.json”中。
“样式”：“./node_node/wowjs/css/libs/airate.css”，
“脚本”：“./node_modules/wowjs/dist/wow.js”
3.然后我给我的一个标题添加了一个哇效果。
<h1 class="wow slideInLeft" data-wo
浏览 3提问于2017-06-09得票数 10
回答已采纳
1回答
我试着把下面的JS插件合并到我正在开发的网站上，
One Page，皮特·R.
WOW.js，Matthieu Aussaguel (与animate.css合著)
在每一节中，我都希望在过渡完成后在其内容中进行动画化，但是WOW.js / CSS动画似乎没有效果，而且我被不可见的元素困住了。看起来，在显示动画在某种程度上与从一个页面滚动设置的视口/页面相冲突。有什么想法吗？我漏掉了什么？我将WOW.js的窗口设置为0。没有显示JS错误。
浏览 4提问于2014-05-12得票数 2
回答已采纳
2回答
我有一个带有wow.js和animate.css效果的网站。这里一切正常：
然后我做了一些修改，并上传到另一个测试网址，所以动画效果现在不起作用了。点击这里：
你能帮我找出一个问题吗？谢谢
浏览 6提问于2017-11-23得票数 1
我的模块之一是外部插件(WOW效果)，它需要在index.html中初始化，才能通过以下方法正确工作：
<script>
new WOW().init();
</script>
如果我使用插件作为一个完全的外部文件-它工作。但是当我和webpack一起编译它时，它给了我一个错误：
未定义的ReferenceError: wow没有定义。
我的配置文件如下所示：
module.exports = {
entry: './modules/_entry.js',
output: {
filename: 'bundle.j
浏览 4提问于2015-10-28得票数 0
2回答
我已经在我的网页中实现了wow.js，但由于某些原因，它只在页面向上滚动时才显示元素，而不是向下滚动页面。
我使用的代码是
<script src="wow.js"></script>
<script>
new WOW().init();
</script>
并使用
<div class='circle wow bounceInLeft'></div>
对于我想要在向下滚动时设置动画的元素。
任何帮助都将不胜感激。提前谢谢。
浏览 7提问于2014-05-10得票数 1
2回答
我使用wow.js和animate.css来显示滚动的一些效果。在桌面和移动safari都工作很好，但不是在移动铬。我觉得铬会让滚动体变得不同吗？
当我向下滚动时，内容块应该会出现一个淡出效果。但相反，只有在滚动完全停止的情况下才会出现。在移动Safari中，当块进入视口时，效果就会显示出来。这是正确的。
有什么办法可以像移动狩猎一样在移动铬上显示动画吗？
浏览 8提问于2015-02-19得票数 7
回答已采纳
1回答
我使用的是Firefox 29.0，目前我正在开发我的网站。我正在使用bootstrap 3框架，并尝试使用animate.css和wow.js在不同的元素上获得不同的效果。现在我对html和css以外的任何东西都是新手，但我肯定已经在某种程度上正确地嵌入和使用了它，就像Chrome和Safari中的效果所显示的那样，但在Firefox中根本没有发生任何事情。有什么建议吗？
浏览 0提问于2014-05-09得票数 0
3回答
我刚刚尝试在我的站点上实现wow.js，但是它不起作用。我把一切都联系起来了，但我不知道它为什么不起作用。我甚至添加了wow.js，并将其链接到html，但似乎仍然没有任何工作。我还添加了animate.css，但仍然没有效果。
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet"
浏览 12提问于2015-06-15得票数 4
回答已采纳
如何让ng-animate在图像、段落或div等简单的animate.css元素上工作？
在静态页面中，我只包含了animate.css和wow.js库，并向要设置动画效果的元素添加了几个类。但是我没有成功地让它在ng-view中工作。
<img class="wow fadeInLeft" src="http://images.ximo365.com/nick-olsen-pose.jpg" alt="Nick Olsen On-the-go shots">
浏览 2提问于2015-02-24得票数 0
1回答
我需要建议
我想要实现类似于AOS，WOW.JS，ScrollMagic演示的动画，但不使用任何API到我的角度项目。
是否有任何可靠的来源/教程，关于以下动画。
正如我已经读过的，但没有任何帮助或指导它。
非常感谢你的帮助。
浏览 1提问于2018-08-18得票数 1
回答已采纳
1回答
我使用animate.css在我的网站上使用wow.js制作动画，但是当我在这里测试本地时，效果很好，但是当我把它上传到我的服务器上时，根本就不行……这是我的网站的链接。
调用wow.js的js
var wow = new WOW(
{
boxClass: 'wow',
animateClass: 'animated',
offset: 0,
mobile: false
}
);
wow.init();
如果你检查页面404，你会看到它在那里工
浏览 0提问于2014-09-17得票数 0
1回答
我正试图将Wow.js添加到我的react应用程序中。这是我的代码框的一个。我已经导入了wow.js 1.1.2和animcate.min.css 3.5.2。在我的index.js中，我导入了animate.min.css
import "./animate.min.css";
在我的App.js中，我已经导入和输入了wow.js
import WOW from "wowjs";
...
componentDidMount() {
const wow = new WOW.WOW();
wow.init();
}
我得到了以下错误：
_wow
浏览 1提问于2018-07-13得票数 0
9回答
我使用的是，它工作得很好，只是动画都是在页面加载后立即发生的，而不是当它们被滚动到的时候。我跟踪了医生，但搞不清楚。
页面上没有JS错误。我包括了animate.min.css和wow.js
在身体中：
<img src="images/philosophy.png" alt="Philosophy" id="philosophy-img" class="icon wow bounceInUp">
在页脚：
<script>
new WOW().init();
</script>
那么，
浏览 4提问于2014-05-08得票数 21
回答已采纳
我目前正在使用wow.js，以便在您向下滚动时淡入内容。它的工作方式是将div类wow添加到您想要淡入的东西中，wow.js识别它，然后动画。(这里的文档非常简单)
但是，如果浏览器禁用了javascript，它就无法识别任何带有类wow的css样式，因为.wow不是在样式表中定义的。我想知道这是否有解决办法--我是否也应该将.wow类添加到我自己的样式表中，使用类似于.wow {display: block}的内容？还是有一种方法可以告诉没有启用javascript的浏览器忽略wow类？
不幸的是，我不能简单地发布一条<noscript>消息，说javascript是禁用的，因为
浏览 4提问于2014-03-20得票数 1
回答已采纳
1回答
import { useEffect } from 'react';
import WOW from 'wowjs/dist/wow.js';
import React from 'react';
import '@/assets/styles/scss/main.scss';
function MyApp({ Component, pageProps }) {
useEffect(() => {
const wow = () => {
new WOW.WOW({
浏览 2提问于2021-06-02得票数 2
我使用的是wow.js ()
wow = new WOW(
{
boxClass: 'wow', // default
animateClass: 'animated', // default
offset: 0, // default
mobile: true, // default
live: true // default
}
)
wow.init();
与Progre
浏览 0提问于2015-06-19得票数 0
我有一个很难解释的问题，所以请容忍我，我会尽我所能解释它。
首先，让我简单地解释一下我正在创建的网站。它从一个全屏横幅开始，在横幅下面有一个充满项目的网格。
我使用wow.js来给每个网格项目一个动画。每一项一开始都是隐藏的(因为wow.js)，但当你向下滚动页面时，它们会从左边飞进来。
我在网格顶部有一些类别链接，它们调用一个可工作的自定义jQuery函数，该函数根据您单击的链接显示/隐藏某些网格项目。每个链接都有一个与其关联的类别，并在单击时显示具有该类别的所有网格项。它还会隐藏不具有该类别的所有网格项。
我的问题是，类别链接不会显示该类别中的所有网格项，除非您滚动到页面底部并加载所有网格
浏览 13提问于2016-07-16得票数 4
回答已采纳
1回答
我已经用这个角度1，有任何替代插件像这样的工作角度2？我想包括第三方Javascript随需插件(懒惰负载)，我的角2项目。到目前为止还没有成功。
我目前正在研究。我尝试在angular-cli.json文件中包含，包括jQuery似乎可行。但我认为这是为了全球负载。
"styles": [
"styles.css",
"../node_modules/bootstrap/dist/css/bootstrap.css"
],
"scripts": [
"../node_modules/
浏览 9提问于2016-11-08得票数 2
1回答
我希望在回调中初始化wow.js，以便动画在检索每个新项时都能工作。
HTML
<div class="itemWrapper wow">
/// content
</div>
无限涡旋
$(window).load(function(){
// Infinite Scroll
$('#prod-container').infinitescroll({
navSelector : '.pageNavigation a',
nextSelector : '.pageN
浏览 3提问于2014-03-04得票数 1
考虑上面的图表，在同一个容器中，3层在顶部堆叠在一起。
.container {
position: relative;
}
.layer1, .layer2, .layer3 {
position: absolute;
top: 0;
left: 0;
}
.layer 1 {
z-index: 3;
}
.layer 2 {
z-index: 2;
}
.layer 3 {
z-index: 1;
}
让我们假设每一层将在2秒后被隐藏。所以第1层在2秒后是看不见的，然后第2层显示，然后层在2秒后被隐藏，第3层显示。
在第三层有一张图像，我想对图
浏览 2提问于2018-09-19得票数 1
3回答
我尝试用react和webpack来实现wow.js。
我通过npm安装它。
npm install --save wow.js
它安装得很完美。现在的问题是如何正确导入它。我不能让它继续发挥作用。
我尝试过几种方法：
第一：
import wow from 'wow.js';
但是webpack不能编译它。上面说找不到模块。即使我使用完整的url import wow from /node_modules/wow.js
第二：
我正在使用的这个解决方案
require('imports?this=>window!js/wow.js');
但是我仍然找不
浏览 7提问于2016-01-30得票数 10
回答已采纳
1回答
在我的主题中，我称animate.css和Wow.js为主题。
//* Enqueue Animate.CSS and WOW.js
add_action( 'wp_enqueue_scripts', 'sk_enqueue_scripts' );
function sk_enqueue_scripts() {
wp_enqueue_style( 'animate', get_stylesheet_directory_uri() . '/css/animate.min.css' );
wp_enqueue_script(
浏览 0提问于2017-02-18得票数 2
回答已采纳
1回答
我经常使用wow.js或waypoints.js在滚动页面时为元素添加动画。
对于当前项目，我使用snap.js创建了一个菜单抽屉。当使用时，你可以这样划分你的页面；
<div class="snap-drawers" id="right">
<div class="snap-drawer-right">
<!-- Menu drawer -->
</div>
</div>
<div class=&#
浏览 0提问于2015-05-07得票数 3
0回答
wow.js的问题
、、、、
因此，尝试将wow.js与animate.css结合使用
我的动画css运行良好，wow.js已经被包含并激活，但它没有注册我向下滚动到元素，所以没有动画。
我在html底部标记之前包含的内容+导入到我的main.css中的animate.css库
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
<script>
new WOW().init();
</script>
视口
<meta name=&
浏览 12提问于2017-06-14得票数 0
回答已采纳
我第一次开始使用wow.js，我遇到的问题是动画一再重复，除非我显式地指定迭代次数为1。
我可以在任何地方指定这一点，但根据其他网站和根据文件，这应该是不必要的。
该网站是一个自定义的主题，基于Drupal 7与启动。
引导版本= 3.3.5 (最近)
Wow版本= 1.1.2 (最近)
动画CSS版本=最近的
启动WOW.js的方式如下：
jQuery(function ($) {
new WOW().init({
iteration: 1
});
}, jQuery);
浏览 2提问于2015-07-12得票数 2
回答已采纳
1回答
我在这个网站上使用基于wow.js动画的JQuery框架，我刚刚完成了：()。问题是，我注意到了在我的幻灯片上的动画，动画元素在我正在滑动的元素下面的div上方滑动。所以你在下一个div或div中看到元素，所以我想，好的…我只会让div的z指数更高，我的问题就会消失。但是，不管我设置了什么z索引，动画元素总是在它滑动到适当位置时出现在它上面。我不确定这是因为wow javascript，animate.css还是脚本什么的。任何熟悉这个框架的人都知道如何纠正这个问题吗？或者说是可以纠正的？
浏览 0提问于2014-11-16得票数 0
回答已采纳
1回答
根据wow.js文档，我可以设置动画将触发的底部偏移：
wow = new WOW(
{
boxClass: 'wow', // default
animateClass: 'animated', // default
offset: 0, // < --------------- This one
mobile: true, // default
live: true // defa
浏览 4提问于2014-12-29得票数 2
1回答
我真的想让一些东西在我向下滚动到屏幕上时能有动画效果，就像这里一样…… https://michalsnik.github.io/aos/ 问题是我的网站实际上嵌套在一个叫做“main-content”的div中，侧栏和顶栏是分开的div。 在this question and answer看来，不可能在一个嵌套的滚动条中实现我想要的，但这是3年前的事了，我只是想知道是否有一个潜在的变通方法使用aos或wow.js或类似的东西。 我已经尝试了几个，但没有成功，但我觉得一定有办法做到这一点。 提前感谢！
浏览 31提问于2019-03-01得票数 1
1回答
注：这个问题已经解决了。请看这篇文章的底部，找出修复方法。
我有一个奇怪的问题，在过去的几天里，我已经把我的头发扯掉了。谢天谢地，我想我已经把它隔离到一个不正确的窗口/文档高度的问题上，导致我的滚动动画永远不会出现。我正在尝试使用来自animate.css的animate.css动画来动画一个h2头，但是wow.js只会隐藏元素，即使滚动过它也不会显示它。如果我删除wow.js并只使用Animate.css，h2标题就会很好地显示出来。
我使用下面的代码进行了一些调试，我想我知道为什么wow.js (我也尝试使用其他滚动库而没有成功)中断--出于某种原因，jQuery报告窗口高度和文档高度都是
浏览 7提问于2015-11-06得票数 0
回答已采纳
我正在尝试找到在angular.js应用程序中初始化wow.js的正确位置。我试着把它放在控制器代码的前面(外部)，但它不起作用。
如下所示，将init代码放在视图的控制器中是可行的，但会导致UI闪烁，因为在加载视图时必须多次触发init。
csvApp.controller('ResumeCtrl', function ($scope) {
new WOW().init();
});
“new WOW().init()；”应该放在哪里呢？
(链接到wow.js )
浏览 0提问于2014-06-05得票数 3
1回答
我想在我的网站上使用wow.js。我有一个侧边栏，它需要在带有overflow-x: auto;的容器中包含内容。由于这个原因，wow.js无法工作。
可以在wow.js中定义滚动容器吗？
我的网站是这样的：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="//code.jquery.com/jquery-1.11.3.
浏览 2提问于2015-08-28得票数 1
回答已采纳
我正试图在上使用，我已经浏览过一些关于类似问题的论坛，但我似乎无法让它发挥作用。在顶部的图标网站，我认为是加载在页面加载，而不是滚动和进一步向下的页面(在绿色的波段)，我有一个h2，从来没有加载时，滚动到它。(添加了动画类，但元素是隐藏的，没有动画发生)。
我的html:
<h1 class="wow animated fadeInRight left">A website must perform many
functions.</h1>
In functions.php
function sk_enqueue_scripts() {
wp_en
浏览 1提问于2016-01-13得票数 1
回答已采纳
因此，我使用fullPage.js来创建一个单页面样式的站点。我决定添加一些动画，但由于不了解jQuery，我决定选择animate.css和WOW.js。
然而，据我所知，fullPage.js移除了滚动条，所以当我滚动过一个点时，WOW.js就看不到了。所以我用了
scrollBar: true
和
body,html{
overflow: hidden !important;
}
要删除滚动条，请执行以下操作。这个方法是有效的，但是由于某些原因，当我滚动到第一部分(页面顶部)时，动画消失了。当向下滚动时，我仍然可以看到动画。我该如何解决这个问题呢？(GIF：)
编辑:顺便说一
浏览 5提问于2016-06-21得票数 1
我目前正在使用wow.js和animate.css集成CSS动画(bounceUp、fadeIn等)。不过，如果我想使用fadeIn，那么如何将图像翻译成5em呢？
浏览 2提问于2016-01-24得票数 1
我有一个使用wow.js的角元件。
我用npm安装了npm并通过angular.json连接了它。
我所有的东西都正常工作，但是我在控制台里收到了两个警告：
MutationObserver is not supported by your browser.
WOW.js cannot detect dom mutations, please call .sync() after loading new content.
以前有人遇到过这个问题吗？
因为这些都是警告，所以这个项目不会中断，所以修复这个问题并不重要，但是最好让这些警告消失。
下面是我的compnent.ts文件，只显示必要的部分
浏览 0提问于2018-07-03得票数 0
回答已采纳
我正在使用wow.js淡入一些div，这些div位于一个带有溢出、自动和固定高度的div下。
其中一些对象的动画效果很好，但其中一些对象不会动画，甚至不会出现(保持不可见)。
我认为这是一个视窗问题。未显示在视口中的对象将永远不可见。
下面是我的代码：
<html>
<head>
<style>
.box{
width:300px;
margin:0 auto;
height:500px;
overflow:auto;
}
.smallBoxes{
position:relative;
width:200px;
浏览 0提问于2016-09-07得票数 1
1回答
我是在使一个网站完全响应的最后一段，除了这一个问题。我在这个div中有一个带有背景视频的头和一个带有img元素的div。根据Chrome开发工具的说法，在屏幕分辨率小于768像素之前，所有的东西都在变大，然后img被设置为可见性:隐藏。
我尝试创建一个类并设置display: inline !important，使用jQuery为每个分辨率提供不同的图像，并尝试各种媒体查询，希望能够处理这些问题。我还尝试使用另一个图像，该图像在页面下方可见，以代替所需的图像，但仍然没有骰子。我茫然不知所措，来到你们这里寻求帮助。
站点是用Animate.css ()和WOW.js ()构建的。我可以提供一个网
浏览 5提问于2016-01-14得票数 0
回答已采纳
我对Wow.js和Fullpage.js有意见。我设法让他们一起工作，下面是脚本：
$(document).ready(function() {
$('#fullpage').fullpage({
'navigation': true,
'navigationPosition': 'right',
scrollBar: true,
onLeave: function() {
new WOW().init();
}
});
//methods
$.fn.full
浏览 2提问于2019-03-17得票数 0
回答已采纳
1回答
我在滚动时使用了Wow.js插件的动画，但我在手机上遇到了一个问题，当你到达价格部分时，由于某种原因，你将无法滚动。顺便说一下，我用的是bootstrap 3
我试图改变动画效果，但仍然没有任何意义，所以我猜它不是来自动画，经过多次尝试后，我发现wowjs与这个问题无关，因为我禁用了它，尝试它是否可以正常工作，但仍然不能工作。
<div class='plan col-md-4 wow bounceInUp'>
<div>
<div class='hea
浏览 19提问于2019-08-09得票数 0
我正在制作HTML模板。通常我使用WOW.js和animate.css，但它不喜欢这个示例
那么，有人能告诉我在这个示例站点中使用的库或包吗？
下面是我的代码示例
浏览 6提问于2022-04-21得票数 0
1回答
在我使用wow.js在滚动上动画元素。它在本地运行得很好，但当我上传到服务器上时，动画类在滚动之前被调用(带有页面加载)。
去看现场直播。
浏览 2提问于2016-05-14得票数 2
本文是关于animate.css和wow.js的。这可能是一个非常愚蠢的问题，但动画持续时间和动画延迟与数据哇持续时间和数据哇延迟之间的区别是什么？
谢谢!
浏览 8提问于2018-10-19得票数 0
1回答
动画不会显示隐藏的块
、、、、
我试图制作我自己版本的wow.js是因为两个原因，第一个原因是wow.js似乎不再被维护，第二个原因是它只显示了一次动画
我遇到的问题是，我的代码在向下滚动时没有显示动画，只有在向上滚动时才会显示动画，我可以找到原因.
有人能帮我找出错误吗？
负责显示元素的功能如下：
function showBlocks() {
$('.wow2').each(function () {
var elementTop = $(this).data('wow2-top');
$(this).html(elementTop);
浏览 5提问于2015-08-17得票数 4
回答已采纳
2回答
我目前正在尝试获得一个粒子效果，当角色击中表面时，根据表面的不同选择不同的粒子效果。我已经为我的角色动画添加了一张BP的照片。当前粒子效果仅在一个位置产生，并且在角色移动时不跟随角色。所以每次我踏上一个表面，粒子效应就会在产卵的位置发生。我已经关注并查看了许多线程和视频，以达到这一点，任何帮助都将非常感谢，我正在使用UE4 4.9.2，谢谢。
浏览 0提问于2015-11-06得票数 1
1回答
点击时Wow.js延迟不起作用
、、、、
我正在尝试这样做，每当我点击某个元素时，其他元素就会使用wow.js动画延迟出现。动画本身在点击时工作，然而，延迟不在那里。
$(function() {
$('#projects-btn').click(function() {
$('.circle').addClass('wow fadeInUp animated');
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">&
浏览 12提问于2017-09-26得票数 1
1回答
希望事情进展顺利。
我试图使用WOW.js http://mynameismatthieu.com/WOW/docs.html和animate.css来向我的站点添加动画。WOW.js要求我通过在标题中添加以下内容来初始化它：
<link rel="stylesheet" href="css/animate.min.css">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
我使用的主
浏览 0提问于2014-02-22得票数 0
回答已采纳
我想通过将高度和宽度从0.0放大到1.0来引入一个画布组件。我希望组件在缩放开始之前不可见，然后在开始缩放时可见。
但是，如果我将缩放效果绑定到组件上的showEffect触发器，然后使组件可见，则在开始缩放效果之前，它将首先以常规大小显示组件一秒钟。如果我将缩放效果和组件平行设置在一起，它也会在缩放前以常规大小闪烁组件一小段时间。如果我通过组件的effectStart事件使组件在缩放效果开始时可见，它仍然可见。有没有人知道如何让它只在缩放效果开始时才可见，这样它就不会在缩放效果之前的瞬间以正常大小闪烁组件？
浏览 0提问于2011-02-11得票数 0
回答已采纳
1回答
我想在bootstrap的模式窗口中使用wow.js动画(带有animate.css)，如下所示
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
浏览 1提问于2016-04-08得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
