在滚动到CLASS ELEMENT时添加css动画

时间:2016-06-09 13:46:25

标签: javascript jquery html css css3

这肯定是一个简单的问题,但我找不到我想要的东西。 当用户滚动到它的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编写它。

0 个答案:

没有答案