这肯定是一个简单的问题,但我找不到我想要的东西。 当用户滚动到它的Y位置(能够看到它)时,我需要css动画(这是类)添加到类元素。
例如,我有一个名为.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
这是我的css动画:
if (scroll <= 500)
因此,当用户滚动到元素Y位置时,将此类添加到元素类。我不想使用ReplaceDocument(...)
。
更新:你写下了很多类似的问题。但我需要 CLASS 元素来设置动画,不是ID 。我不知道如何用javascript编写它。