.fadeIn() 无法正常工作

Question

我正在尝试让引述在您一直滚动到页面底部时淡入。我有一点内联 jquery（它太少了，我无法证明制作一个新文件是合理的），但它似乎不起作用。报价保持 0 的不透明度：

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

    else {
    }
    });

当我删除 if/else 语句时，fadeIn 仍然不起作用，所以这就是为什么我有信心说问题出在其他地方

非常感谢，

另外，请注意，我总共 jQuery 和 js 菜鸟。

Answer 1

另一件事是，您实际上并没有监听您的网站事件，如 scroll，所以代码是在呈现页面时执行的，即使您滚动到底部，也没有任何反应。

您可以添加事件监听器

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

.fadeIn() 无法正常工作

.fadeIn() not working properly

javascript

jquery

fadein