CSS WOW Animation.css library when use with transform css 属性 results in a jump after positioning

Question

我正在尝试使元素垂直居中。这是我使用的代码：

    position: absolute;
    top: 50%;
    transform: translate(0, -50%);

最终，该元素正确居中，但是，由于我使用的是 animate.css 库并且我使用的是 class="wow fadeIn，该元素淡入到前 50%页面然后淡入该位置后，由于 translate(0,-50%) 部分，它会跳到其大小的 -50%。

如何去掉额外的跳跃？

Answer 1

我制作了一个名为 fadeInUp class 的容器，它的位置是相对的。然后我从 div 里面移除 fadeInUp 并且它起作用了。

CSS WOW Animation.css libarary when used with transform css property results in a jump after positioning