Javascript jQuery'；s FadeTo（）不在导航栏上工作

当scroll top低于100时，我尝试在引导的导航栏中淡入，当scroll top高于100时淡出。我的代码没有按预期工作，它正在页面需要时淡出。错误在哪里

jQuery的代码：

$(document).scroll(function() {

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

    }); 

$（文档）。滚动（函数（）{
if（$（this）.scrollTop（）<（100））{
$（“.navbar default”）.fadeTo（“慢速”，1）；
}
否则{
$（“.navbar default”）.fadeTo（“慢速”，0.5）；
}                 
}); 

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

$（文档）。滚动（函数（）{
如果（$（窗口）.scrollTop（）<100）{
$（“.navbar default”）.stop（true，true）.fadeTo（“slow”，1）；
}
否则{
$（“.navbar default”）.stop（true，true）.fadeTo（“slow”，0.5）；
}                 
}); 您的代码中有两个时刻：

1） 您应该使用$（window）.scrollTop（）作为顶部滚动值

2） 使用.stop（true，true）防止动画出现任何小故障


$（文档）。滚动（函数（）{
如果（$（窗口）.scrollTop（）<100）{
$（“.navbar default”）.stop（true，true）.fadeTo（“slow”，1）；
}
否则{
$（“.navbar default”）.stop（true，true）.fadeTo（“slow”，0.5）；
}                 
});