.fadeIn()无法正常工作

时间:2017-02-19 22:11:43

标签: javascript jquery fadein

当你一直向底部滚动到页面时,我试图引用一个淡入淡出的引号。我有一点内联jquery(它很少,我可以证明创建一个新文件是合理的),但它似乎没有用。引号保持不透明度为0:

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

    else {
    }
    });

当我删除if / else语句时,fadeIn仍然无效,这就是为什么我有信心说问题就在于其他问题

非常感谢,

另外,抬头,我是一个完整的jQuery和js noob。

1 个答案:

答案 0 :(得分:0)

另一件事是,你实际上没有像scroll那样听你的网站事件,因此在呈现页面时执行代码,即使你滚动到底部,也没有任何反应。

您可以添加事件监听器

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