[jQuery] スクロールに応じてフェードイン表示

// HTML読込終了に伴う処理
jQuery(document).ready(function() {
    $('.fade-in').css({'opacity':'0'});
});
// スクロール処理
jQuery(window).scroll(function (){
    $('.fade-in').each(function(){
        var top = $(this).offset().top;
        var scroll = $(window).scrollTop();
        var height = $(window).height();
        if (scroll > top - height){
            $(this).animate({'opacity':'1'}, 1000);
        }
    });
});