我正在使用包含Animate.css和tutorial的jQuery Viewport Checker来为视口中的元素设置动画。
JS:
$('.animate').addClass("hidden").viewportChecker({
classToAdd: 'visible animated fadeInUp',
offset: 100,
invertBottomOffset: true,
});
它正如预期的那样工作,但我不喜欢它在初始加载时动画内容的方式,因为它会在JS添加隐藏类时加入其他类,以使其具有动画效果(和我不想把我的JS推到头脑中。
有没有办法只将这个应用于初始加载视口中的元素?因此在加载时,没有Js应用于视口中的任何内容。只有滚动时才能看到动画中的元素。
此网站具有以下效果:http://www.clairehartley.com/process/