Jquery Wow.JS淡出类但保持div淡出?
我正在使用animate.css和wow.js来淡出滚动条上的一个div,但它淡出后又回来了。我希望它消失,远离 我尝试过添加“动画”类,它可以工作,但在滚动到div时不起作用。它只是在页面加载后淡出 这是我的钢笔: HTML JSJquery Wow.JS淡出类但保持div淡出?,jquery,css,animate.css,wow.js,Jquery,Css,Animate.css,Wow.js,我正在使用animate.css和wow.js来淡出滚动条上的一个div,但它淡出后又回来了。我希望它消失,远离 我尝试过添加“动画”类,它可以工作,但在滚动到div时不起作用。它只是在页面加载后淡出 这是我的钢笔: HTML JS 指定动画填充模式:向前将修复此问题 动画填充模式属性指定不播放动画时元素的样式。指定forwards将应用动画结束时的属性值 例如: newwow().init() .wrapper{ 背景色:#fff; 高度:150像素; 填充:20px; } .wrappe
指定
动画填充模式:向前wrapper1
div上的code>将修复此问题
动画填充模式
属性指定不播放动画时元素的样式。指定forwards
将应用动画结束时的属性值
例如:
newwow().init()代码>
.wrapper{
背景色:#fff;
高度:150像素;
填充:20px;
}
.wrapper 1{
背景色:#000;
高度:500px;
动画填充模式:正向;
}
下面的黑色div应该淡出并留在外面。
测试淡出
<div class="wrapper">
div placeholder
</div>
<div class="wrapper1 wow fadeOut" data-wow-duration="2s" data-wow-delay="2s">
test fade out
</div>
.wrapper {
background-color: #fff;
height: 200px;
}
.wrapper1 {
background-color: #000;
height: 500px;
}
new WOW().init();