jQuery的FadeTo()在导航栏上不起作用

Question

我试图在滚动顶部低于100以下并在100以上时将其淡出时，试图在hootstrap的Navbar中淡入。想要。错误在哪里？

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(防止动画的任何故障

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