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'); 
      } 
     }); 
    }); 
}); 

この作品が、窓が高いの写真であれば、私はページを開いたときを表示し、スペースと非常に醜いことはできません： 私はこのコードを使用します。それは（私が思う）です。追加クラスはウィンドウのスクロールでしか機能しないからです。

どうすればこの問題を解決できますか？私は絵がスクロールだけでなく、窓の位置で関連して表示されるときに必要ですか？

ありがとうございました！

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()はwindowにscrollイベントトリガ - docsを。