2012-09-12 2 views
0

저는 자바 스크립트에 상당히 익숙하며 내 사이트에 두 번째 스티커 메뉴를 만들려고합니다. 두 번째 탐색 메뉴를 스크롤 할 때 클래스가 바뀌면 제대로 작동하는 것 같습니다. 그러나 일단 다시 스크롤하면 원래 클래스로 돌아가고 싶습니다. 어떤 도움이 필요합니까? 코드는 다음과 같습니다.백업 할 때 "고정 메뉴"를 원래 클래스로 되돌리려면 어떻게해야합니까?

<script type="text/javascript">   
$(window).scroll(function() { 
     if (window.scrollY > 200) 
     { 
     $("#top-bar").removeClass("nav-main").addClass("navbar-inner").addClass("navbar-fixed-top"); 
    } 

    }); 
</script> 

감사합니다.

답변

1

어쩌면 다른 클래스의 행을 따라 원래 클래스를 복원 할 수 있습니다.

<script type="text/javascript">   
$(window).scroll(function() { 
     if (window.scrollY > 200) { 
      $("#top-bar").removeClass("nav-main").addClass("navbar-inner").addClass("navbar-fixed-top"); 
     } else { 
      $("#top-bar").addClass("nav-main").removeClass("navbar-inner").removeClass("navbar-fixed-top"); 
     } 

    }); 
</script> 
+0

원본 클래스를 복원하지만 배경색 등 다른 클래스의 일부분을 유지합니다. 코드를 검사하고 새로 추가 된 클래스와 원래 코드를 스크롤하면 클래스 = ""함께 태그하십시오. @easement – Sophie

+0

내부에 "(" ") 태그 안의 공간을 남겨 두었습니다. 이제는 고정되어 작동합니다! 감사! @지역권 – Sophie