Javascript .fadeIn（）工作不正常

我试图有一个引用，当你一直滚动到页面底部时，它会消失。我有一点内联jquery（它太小了，我真的无法证明创建一个新文件的合理性），但它似乎不起作用。引号的不透明度保持为0:

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

    else {
    }
    });

$（文档）.ready（函数（）{
if（$（文档）.height（）-$（窗口）.height（）<$（文档）.scrollTop（）+20）{
$（'quote'）.fadeIn（'fast'，1）；
}
否则{
}
});

当我删除if/else语句时，fadeIn仍然不起作用，因此我有信心说问题出在其他方面

非常感谢

---

另外，请注意，我是一个彻头彻尾的jQuery和js noob。

另一件事是，您实际上不听取您的网站事件，因为

滚动

，所以在呈现页面时执行代码，即使您滚动到底部，也不会发生任何事情

您可以添加事件侦听器

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

$（'window'）。滚动（函数（）{
if（$（文档）.height（）-$（窗口）.height（）<$（文档）.scrollTop（）+20）{
$（'quote'）.fadeIn（'fast'）；
}
});