addClass如果在視口

Question

我目前有一塊jQuery，它將一個css動畫類添加到div，當它離頁面頂部有一定距離時。這個jQuery不會很好地轉換成移動設備。我想知道是否在頁面（視口）上顯示div時添加類，以便它可以在所有設備上正常工作。

$(window).scroll(function() { 
    $('#about-image-1').each(function(){ 
    var imagePos = $(this).offset().top; 

    var topOfWindow = $(window).scrollTop(); 
     if (imagePos < topOfWindow+600) { 
      $(this).addClass("fadeIn"); 
     } 
    }); 
}); 

Answer 1

下面的代碼工作很大：

$(window).scroll(function() { 
$("#about-image-1").each(function() { 
    $this = $(this); 
    isOnView = isElementVisible($(this)); 
    if(isOnView && !$(this).hasClass('fadeIn')){ 
     $(this).addClass('fadeIn'); 
     startAnimation($(this)); 
    } 
}); 
});