JS添加類在滾動

Question

- - - - - 更新 - - - - -

您好，我已經取代了下面的代碼if (isScrolledIntoView(this) === true) {與此代碼if (scroll >= 500) {但不再添加類。另外，與視口高度的百分比相比，500是不是像素值？另外，這個解決方案是否有助於解決我的第一個問題？

如果我應該把這兩個問題放在兩個單獨的問題中，請讓我知道。我只有每個人都發布過單個問題查詢。

謝謝。

- - - - - 完更新 - - - - -

尋找有點Javascript的幫助下，我目前添加類的元素時，它的滾動到視圖但我有幾個問題。

第一個問題是當元素垂直大於視口高度時，該類不會被添加。

第二個問題是，當元素在頁面的一半時，類正在被添加，我正在查找是否有一種方法來添加類，當元素被滾動到視圖中進一步瀏覽頁面？理想情況下，我希望將此值指定爲視口高度的百分比，因爲我正在構建的網站具有響應能力。這可能嗎？

$(window).scroll(function() { 
    $('.fade').each(function() { 
     if (isScrolledIntoView(this) === true) { 
      $(this).addClass('fadeInTransition') 
     } 
     else{ 
      //$(this).removeClass('fadeIn') 
     } 
    }); 
}); 
function isScrolledIntoView(elem) { 
    var docViewTop = $(window).scrollTop(); 
    var docViewBottom = docViewTop + $(window).height(); 

    var elemTop = $(elem).offset().top; 
    var elemBottom = elemTop + $(elem).height(); 

    return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop)); 
} 

感謝您的時間

巴里

Answer 1

這已被解決：

Add/remove class with jquery based on vertical scroll?

只是簡單的更換500你估計