javascript - 检查可见性并使用 jquery/javascript 添加类但不能依赖于滚动事件

Question

我正试图找到类似于优秀的 Jquery 插件的东西 - Viewport Checker但这不依赖于滚动事件。它不能依赖滚动事件的原因是我还使用 Fullpage.js 设置为“autoscroll:true”，然后它实际上不会滚动页面，它使用 3D 转换来移动站点。我想知道是否有人能指出我正确的方向。

最终结果:
我想在 <div> 上添加一些类什么时候<div>进入视口(viewport)。

当我设置 Viewport Checker 时，我是这样配置它的

<script type="text/javascript">
$(document).ready(function() {
  $('.slide_main_paragraph_container').addClass("hidden").viewportChecker({
    classToAdd: 'visible animated fadeInUp', // Class to add to the elements when they are visible
    offset: 100    
    });   
});  
</script>

Answer 1

我认为 afterSlideLoad事件是您执行此操作的方式。

afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex){
    var $loadedSlide = $(this),
        $main = $loadedSlide.find('.slide_main_paragraph_container.hidden');

    if ($main.length) {
       $main.removeClass('hidden').addClass('visible animated fadeInUp');
    }
}