JQuery视口检查器 - 不在初始视口内容上

时间:2016-01-13 19:12:30

标签: jquery viewport animate.css

我正在使用包含Animate.css和tutorialjQuery Viewport Checker来为视口中的元素设置动画。

JS:

$('.animate').addClass("hidden").viewportChecker({
    classToAdd: 'visible animated fadeInUp',
    offset: 100,
    invertBottomOffset: true,
   });

它正如预期的那样工作,但我不喜欢它在初始加载时动画内容的方式,因为它会在JS添加隐藏类时加入其他类,以使其具有动画效果(和我不想把我的JS推到头脑中。

有没有办法只将这个应用于初始加载视口中的元素?因此在加载时,没有Js应用于视口中的任何内容。只有滚动时才能看到动画中的元素。

此网站具有以下效果:http://www.clairehartley.com/process/

0 个答案:

没有答案