Javascript ScrollReveal.js-滚动时初始化/重置divs？

请告诉我我做错了什么

当我从上到下滚动时，我只看到一次动画

但如果我从下到上滚动，我会看到很好的动画，但它不会重置库，另一个滚动也不会改变

怎么办

资料来源：

你好
.wrapper{display:flex；flex-wrap:wrap；}
.dos{flex-grow:2；}
.uno{flex-grow:1；}
.box{高度：320px；弹性基准：20rem；背景色：#242424；边框：5px纯白；}
.box.two{颜色：白色；}
addEventListener（“DOMContentLoaded”，函数（事件）{
window.sr=ScrollReveal（{reset:false}）；
sr.discover（'.dos'，{原点：'bottom'，距离：'10rem'，持续时间：900，}）；
sr.discover（'.uno'，{原点：'bottom'，距离：'0rem'，持续时间：1200，}）；
sr.discover（'.two'，{duration:750，origin:'right'，distance:'0rem'，viewOffset:{bottom:189}，delay:570，}）；
});

如果我以您为例，您可以将

ScrollReveal

选项中的

reset

prop设置为

true

：

ScrollReveal（{reset:true}）

下面是一个例子：

document.addEventListener（“DOMContentLoaded”），函数（事件）{
window.sr=ScrollReveal（{reset:true}）；
高级揭示（“.dos”{
来源：'底部'，
距离：“10雷姆”，
持续时间：900，
});
高级揭示（“.uno”{
来源：'底部'，
距离：“0rem”，
持续时间：1200，
});
高级揭示（'2'{
持续时间：750，
来源:"对",，
距离：“0rem”，
视图偏移：{
底部：189
},
延误：570，
});
});
.wrapper{
显示器：flex；
柔性包装：包装；
}
.dos{
柔性生长：2；
}
乌诺先生{
柔性生长：1；
}
.盒子{
高度：320px；
弹性基准：20雷姆；
背景色：#2424；
边框：5px纯白；
}
.盒子2{
颜色：白色；
}

你好
为了清楚起见，您希望您的动画与此处的scrollReveal主页演示一样？是的，当我向下或向上滚动动画时会重置类似的内容
<script src="https://cdn.jsdelivr.net/scrollreveal.js/3.1.4/scrollreveal.min.js"></script>
<div class='wrapper'>
  <div class='box dos'></div>
  <div class='box uno'></div>
  <div class='box uno'></div>
  <div class='box uno box uno'></div>
  <div class='box uno'></div>
  <div class='box uno box uno'></div>
  <div class='box uno'></div>
  <div class='box uno box uno'></div>
  <div class='box uno'></div>
  <div class='box uno box uno'></div>
  <div class='box uno'></div>
  <div class='box uno box uno'></div>
  <div class='box uno'></div>
  <div class='box uno box uno'></div>
  <div class='box uno'></div>
  <div class='box uno box uno'></div>
  <div class='box uno'></div>
  <div class='box uno box uno'></div>
  <div class='box uno'></div>
  <div class='box uno box uno'></div>
  <div class='box uno'></div>
  <div class='box uno box uno'></div>
  <div class='box uno'></div>
  <div class='box uno'></div>
  <div class='box dos'></div>
  <div class='box two dos'>
    hello
  </div>
  <div class='box dos'></div>
  <div class='box uno'></div>
</div>

<style>
    .wrapper{display:flex;flex-wrap:wrap;}
    .dos{flex-grow:2;}
    .uno{flex-grow:1;}
    .box{height:320px;flex-basis: 20rem;background-color:#242424;border:5px solid white;}
    .box.two{color:white; }
</style>

<script>
document.addEventListener("DOMContentLoaded", function(event) { 
    window.sr = ScrollReveal({ reset:false });
    sr.reveal('.dos',{ origin: 'bottom', distance: '10rem', duration: 900, });
    sr.reveal('.uno',{ origin: 'bottom', distance: '0rem', duration: 1200, });
    sr.reveal('.two',{ duration: 750, origin:'right', distance: '0rem', viewOffset  : {bottom: 189}, delay:570, });
});
</script>