你好,我尝试达到此页面http://mynameismatthieu.com/WOW/index.html
如果我们查看该总督图像(从这样的简单角度出发,从非常JS的角度出发),总督图像就会下降到底部(从顶部开始)
我试图达到这个结果:
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus velit obcaecati et, tenetur excepturi voluptatum doloremque reprehenderit esse nisi quae necessitatibus facilis provident voluptatem quos, dolorem dicta, modi eos iusto.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus velit obcaecati et, tenetur excepturi voluptatum doloremque reprehenderit esse nisi quae necessitatibus facilis provident voluptatem quos, dolorem dicta, modi eos iusto.</p>
<div class="about-tile">
<h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur commodi saepe atque vitae harum, alias impedit sunt. Praesentium esse voluptatem possimus, autem, tenetur maiores modi ab veritatis nam architecto excepturi!</h2>
<hr class="divider wow fadeInDown" data-wow-duration="2s" data-wow-delay="0.5s" >
</div>
或者您可以在这里看到:
https://jsfiddle.net/fvjqj7f0/2/
正如您从我的代码中看到的结果一样,hr只会下降一点点。我需要从
h1
开始的时候 最佳答案
您的问题实际上是由于fadeInDown
动画引起的:fadeInDown
使它看起来比最终位置高一点。
在演示中,bounceIndown
用于从页面顶部拖放。
在animate css website上,您可以拥有所有可用的动画。您可以使用fadeInDownBig
从页面顶部归档拖放,但是我相信您不能使用wow.js
从特定位置拖放。您应该使用keyframes
动画来这样做。 (带有一些自定义JavaScript)
Here is the working example