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