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

는 실제로 큐의 다음 애니메이션을 완료하기 때문에, 정류장에서 사실초 제거하는 코드

에게 업데이트];

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