.fadeIn（）が正しく動作しない

Question

私は、ページの一番下までスクロールするとフェードインする見積もりを得ようとしています。私はこの少しのインラインjqueryを持っています（新しいファイルを作成するのは本当に妥当なことではありませんが）。引用は0の不透明度を保持します：

$(document).ready(function(){ 
    if($(document).height()-$(window).height() < $(document).scrollTop() + 20) { 
     $('#quote').fadeIn('fast',1); 
    } 

    else { 
    } 
    }); 

私がもし/ else文を削除すると、フェードインはまだ動作しません、私は問題は何か他のもの

であるという確信理由ですので、

ありがとう、

また、私は合計jQueryとjs noobです。

Answer 1

scrollのように実際にあなたのウェブサイトのイベントを聴いていないということは、ページがレンダリングされるときにコードが実行され、下にスクロールしても何も起こりません。

あなたは、イベントリスナーを追加することができます

$('window').scroll(function() { 
    if($(document).height()-$(window).height() < $(document).scrollTop() + 20) { 
    $('#quote').fadeIn('fast'); 
    } 
});