Question

我试图找到与优秀的Jquery插件类似的东西 - Viewport Checker，但这并不依赖于滚动事件。它不能依赖滚动事件的原因是我还使用Fullpage.js设置为＆＃34; autoscroll：true＆＃34;然后它实际上没有滚动页面，它使用3D翻译来移动网站。我想知道是否有人能指出我正确的方向。

最终结果：
当<div>进入视口时，我想在<div>上添加几个类。

当我设置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');
    }
}

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

1 个答案: