jQuery的FadeTo（）不适用于导航栏

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）你应该为顶部滚动值
2使用$（窗口）.scrollTop（））使用.stop（真，真正的），以防止动画

$(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); 
 
    }     
 

 
    });