Question

你好，我试着在这个页面上达到类似的目标http://mynameismatthieu.com/WOW/index.html 如果我们看看那个doge图像（从非常简单和从JS开始），doge图像从底部（从顶部开始）下降

我尝试用这个来达到这个结果：

<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开始如何做到这一点

Answer 1

您的问题实际上是由于fadeInDown动画：

fadeInDown让它看起来比它的最终位置高一点。在演示中，bounceIndown用于从页面顶部删除。

在animate css website上，您可以拥有所有可用的动画。您可以使用fadeInDownBig从页面顶部删除，但我相信您无法使用wow.js从特定位置删除。您应该使用keyframes动画来执行此操作。（使用一些自定义的javascript）

Here is the working example

为wow js设置下降范围

1 个答案: