为什么动画“滑入”会在触发时重复出现?

时间:2019-03-05 10:43:08

标签: animate.css scrollmagic

我正在使用animate.css类和ScrollMagic库。 我使用不同的动画fadeInRight,fadeInLeft-它们都运行良好。当触发器在对象上时,我添加了类。动画一次滚动。但是对于slideInUp,它的工作方式有所不同。如果在对象上触发,它将一直重复自身,直到我将触发从对象上移开为止。 此动画的css如下:

.slide-top {
	animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes slide-top {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100px);
  }
}

我必须改变的动画是即使滚动在对象上也只发生一次滚动一次

0 个答案:

没有答案