jquery獲取窗口位置+滾動 - 但如果不滾動不顯示

Question

你好幾張照片顯示在滾動。 我用這個代碼：

$(document).ready(function() { 
    $(window).scroll(function(){ 
     $('.fade').each(function(i){ 
      var bottom_of_object = $(this).position().top + ($(this).outerHeight()/2); 
      var bottom_of_window = $(window).scrollTop() + $(window).height(); 
      if(bottom_of_window > bottom_of_object){ 
       $(this).addClass('showme'); 
      } 
      if(bottom_of_window < bottom_of_object){ 
       $(this).removeClass('showme'); 
      } 
     }); 
    }); 
}); 

這項工作這麼好，但是當我打開網頁，如果窗戶是高的照片顯示不出來，讓一個與空間非常難看。它（我認爲）是因爲add類只能在窗口滾動條上工作。

我該如何解決這個問題？我需要當照片在窗口位置顯示關係時，而不僅僅是在卷軸上？

謝謝！

Answer 1

追加scroll觸發的代碼：

$(document).ready(function() { 
    $(window).scroll(function(){ 
     $('.fade').each(function(i){ 
      var bottom_of_object = $(this).position().top + ($(this).outerHeight()/2); 
      var bottom_of_window = $(window).scrollTop() + $(window).height(); 
      if(bottom_of_window > bottom_of_object){ 
       $(this).addClass('showme'); 
      } 
      if(bottom_of_window < bottom_of_object){ 
       $(this).removeClass('showme'); 
      } 
     }); 
    }); 

    $(window).scroll(); 
}); 

$(window).scroll()觸發上windowscroll事件 - docs。