2017-04-25 1 views
0

스크롤 위쪽이 100 미만일 때 부트 스트랩의 탐색 막대를 페이드 인하려고합니다. 100을 초과하면 페이드 아웃 될 것입니다. 코드가 예상대로 작동하지 않고 페이지가 원한다. 오류는 어디에 있습니까?jQuery의 FadeTo()가 Navbar에서 작동하지 않습니다.

jQuery의 코드 :

$(document).scroll(function() { 

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

    }); 

답변

2

코드에서이 순간이 있습니다
이 1) 당신은) 상단 스크롤 값
2) .scrollTop()를 $ (창을 사용하여 (사실 .stop 사용해야은)는 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); 
 
    }     
 

 
    });

+0

감사에 대한 결함을 방지하기 위해 당신의 대답에 대해,하지만 페이드는 "애니메이션"되지 않습니다 .. –

관련 문제