Javascript 如何在滚动和显示时设置元素的动画

我试图动画元素时，它的一部分或完全显示后，滚动到它的位置。我使用的代码在滚动到绝对位置（而不是对象的位置）时执行该操作

我使用的动画是SlideUp。我不知道如何编写代码来实现这一点。我需要一些帮助来编写代码。有人能介绍一下写这篇文章的方法吗

代码如下：

函数揭示（）{
if（document.body.scrollTop>350 | | document.documentElement.scrollTop>350）{
document.getElementById（“myDiv”）.className=“slideUp”；
}
}

/*当类更改为slideUp时，动画将开始*/
斯莱德普先生{
动画名称：slideUp；
-webkit动画名称：slideUp；
动画持续时间：1s；
-webkit动画持续时间：1s；
能见度：可见；
}
@关键帧滑动{
0% {
不透明度：0；
-webkit转换：translateY（70%）；
}
100% {
不透明度：1；
-webkit转换：translateY（0%）；
}
}
@-webkit关键帧幻灯片{
0% {
不透明度：0；
-webkit转换：translateY（70%）；
}
100% {
不透明度：1；
-webkit转换：translateY（0%）；
}
}

示例文本

当元素显示在滚动条上时，为其设置动画是与

这样做的基本示例：

<div class="wow bounceInUp">
    Content to Reveal Here
</div>

在这里我想透露一下

不要忘记初始化它

<script>
    new WOW().init();
</script>

新的WOW（）.init（）；

为什么不使用wow.js和animate.css的组合呢。为此，它非常有效。我真的不明白你想达到什么目的。你在寻找什么元素和什么行为？@GerardoBLANCO当用户看到DIV元素时，我正在尝试设置它的动画。我尝试的大多数代码都是在页面加载时设置动画。当用户看到该元素时，动画已完成。所以，当用户滚动到它时，我尝试设置动画。@void我将尝试。给我几分钟时间去寻找和了解它一定是答案。非常感谢你帮助我！我希望你能把这作为一个答案。我以前看过《魔兽世界》，但我不理解它是一种“滚动显示”的方法。再次感谢。