コンテナのスクロールセンターでフェードインする

Question

現在、私のサイトの一部のコンテナのスクロールでフェードインをアニメーション化するために次の方法を使用していますが、コンテナの一部が高さが高いため、変更する方法がありますウィンドウの底がコンテナの底ではなくコンテナの中心にあるときに消えますか？あるいは、ピクセルで指定する方法はありますか？

$(window).scroll(function() { 

    /* Check the location of each desired element */ 
    $('.container').each(function (i) { 

     var bottom_of_object = $(this).offset().top + $(this).outerHeight(); 
     var bottom_of_window = $(window).scrollTop() + $(window).height(); 

     /* If the object is completely visible in the window, fade it it */ 
     if (bottom_of_window > bottom_of_object) { 

      $(this).animate({ 
       'opacity': '1' 
      }, 500); 

     } 
    }); 
}); 

Answer 1

このようなものはありますか？

$(window).scroll(function() { 

    /* Check the location of each desired element */ 
    $('.container').each(function (i) { 

     var top_of_object = $(this).offset().top; 
     var middel_of_window = $(window).scrollTop() + ($(window).height()/2); 

     /* If the object is completely visible in the window, fade it in */ 
     if (middel_of_window > (top_of_object + 300)) { 

      $(this).animate({ 
       'opacity': '1' 
      }, 500); 

     } 
    }); 
}); 

希望します。