Jquery Wow.JS淡出类但保持div淡出?

Jquery 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

我正在使用animate.css和wow.js来淡出滚动条上的一个div,但它淡出后又回来了。我希望它消失,远离

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

这是我的钢笔:

HTML

JS


指定
动画填充模式:向前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();