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

Checking visibility and adding a class with jquery/javascript but can't depend on scroll events

本文关键字：一个 但不能 事件 滚动 依赖于 可见性 jquery 添加 javascript 检查      更新时间：2023-09-26

我试图找到类似于优秀的Jquery插件的东西 - 视口检查器，但这不依赖于滚动事件。它不能依赖滚动事件的原因是我也使用Fullpage.js设置为"autoscroll：true"，然后实际上不会滚动它使用3D翻译来移动网站的页面。我想知道是否有人能指出我正确的方向。

这样做的最终结果是：
我想在<div> <div>进入视口时向添加一些类。

当我设置视口检查器时，这就是我的配置方式

<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>

我认为 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');
    }
}
相关文章：