爲什麼jQuery fadeTo（）在scroll（）上不起作用？

Question

我不知道爲什麼這個代碼不工作：

$(window).scroll(function() { 
    var $scrtop = $(window).scrollTop(), 
    $topnavbar = $(".topbar,.navbar-fixed-top"); 

    $topnavbar.mouseenter(function(){ 
     $topnavbar.stop(true,true).fadeTo(4000,1); 
    }).mouseleave(function(){ 
     $topnavbar.stop(true,true).fadeTo(4000,.5); 
    }) 
    if($scrtop > 100) 
    { 
     $topnavbar.stop(true,true).fadeTo(4000,.5); 
    } else { 
     $topnavbar.stop(true,true).fadeTo(4000,1); 
    } 

});//scroll 

它只是直接到最終的不透明度不fadeTo的階段（）。 這是的jsfiddle：http://jsfiddle.net/pPr9S/

Answer 1

更新CODE

你是刪除第二真正從停止，因爲它實際上完成隊列中的下一個動畫;

var $topnavbar = $(".topbar,.navbar-fixed-top"), 
    $scrtop; 
$(window).scroll(function() { 
$scrtop = $(window).scrollTop(); 
if($scrtop > 100) 
{ 
    $topnavbar.stop(true).fadeTo(500,.5); 
} else { 
    $topnavbar.stop(true).fadeTo(500,1); 
} 
}); 

$topnavbar.hover(function(){ 
$topnavbar.stop(true).fadeTo(500,1); 
}, function(){ 
    $topnavbar.stop(true).fadeTo(500,.5); 
}); 

Answer 2

我不知道你有什麼問題，請嘗試使用這一點，如果沒有，請插上JS http://jsfiddle.net/ HTML代碼，所以你會得到你的答案非常快...

var $topnavbar = $(".topbar,.navbar-fixed-top"), 
    $scrtop; $(window).scroll(function() { 
    $scrtop = $(window).scrollTop(); 
    if($scrtop > 100) 
    { 
     $topnavbar.stop().fadeTo(4000,.5); 
    } else { 
     $topnavbar.stop().fadeTo(4000,1); 
    } }); 

$topnavbar.hover(function(){ 
    $topnavbar.stop().fadeTo(4000,1); }, function(){ 
    $topnavbar.stop().fadeTo(4000,.5); });