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

Question

我正在使用包含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/