wow.js与position：relative无法正常工作

Question

我正在建立一个网站，我需要一些动画。我的问题是我有一个包含以下CSS的块：

.description {
    position: relative;
    top: 100%;
    transform: translateY(-100%);
}

该块如下：

<section id="first-section">
  <div class="description wow fadeInUp">
    <!-- Some other content here -->
  </div>
</section>

<section id="second-section">...</section>

但是当我向下滚动时，.description块会在#second-section中执行动画，然后移动（没有动画）到#first-section内的正确位置，我是否清楚了？

.description因为设计需要定位，但我需要平滑动画。知道为什么我的阻止这个问题哇？

提前感谢您的回答。