jQuery的FadeTo（）无法在Navbar上运行

Question

当滚动顶部低于100时，我试图淡入引导程序的导航栏，当高于100时，我试着淡出它。我的代码没有按预期工作，只是在页面需要时它正在消失。错误在哪里？

jQuery的代码：

$(document).scroll(function() {

      if($(this).scrollTop() < (100)){
        $(".navbar-default").fadeTo("slow", 1);
      }
      else{
        $(".navbar-default").fadeTo("slow", 0.5);
      }                 

    }); 

Answer 1

您的代码中有两个时刻：
1）你应该使用$（window）.scrollTop（）作为顶部滚动值
2）使用.stop（true，true）来防止动画出现任何故障

＆＃13;

＆＃13;

$(document).scroll(function() {
    if($(window).scrollTop() < 100){
       $(".navbar-default").stop(true, true).fadeTo("slow", 1);
    }
    else{
       $(".navbar-default").stop(true, true).fadeTo("slow", 0.5);
    }                 

    }); 

＆＃13;

＆＃13;

＆＃13;