.fadeIn（）無法正常工作

Question

我試圖在您將所有方式滾動到頁面底部時將淡入的報價。我有一點內聯jquery（它是如此之少，我不能證明創建一個新文件是合理的），但它似乎不起作用。報價保持爲0的不透明度：

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

    else { 
    } 
    }); 

當我刪除if/else語句中，淡入仍然不能正常工作，所以這就是爲什麼我有信心說，問題在於別的

非常感謝，

另外，擡頭，我是一個總jQuery和js noob。

Answer 1

另一件事是，你實際上不會聽你的網站事件，因爲scroll，所以代碼在頁面呈現時執行，即使你滾動到底部，也沒有任何反應。

您可以添加事件偵聽器

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