코스모스팜 스레드

jQuery(제이쿼리) 퀵메뉴 스크립트 코드 문의

옆에 퀵메뉴가 고정인데

스크롤값이 158 이하일때는 그냥 position:absolute인데

158 이상일때는 addClass를 써서 Fix라는 클래스를 추가해서 Fixed로 했어요

여기까지는 잘 되는데

스크롤값이 900이 넘어갔을때는 다시 Fix라는 클래스가 사라지게 하려고했거든요?

			function scroll_check(){
				if(scrolling > 158){
					$(".olaf_row2").addClass("fix");
				}
				else if(scrolling < 158){
					$(".olaf_row2").removeClass("fix");
				}
				else if(scrolling > 900){
					$(".olaf_row2").removeClass("fix");
				}
			};

이렇게 했어요

근데 900넘어갔을때 fix라는 클래스가 안사라져요 ㅠㅠ

어떻게 해야할까요 ㅠㅠ

무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
  • 안녕하세요~^^

    여러가지 방법이 있을 듯합니다.

     

    방법1

    function scroll_check(){
    	if(scrolling < 900 && scrolling > 158){
    		jQuery(".olaf_row2").addClass("fix");
    	}
    	else if(scrolling < 158){
    		jQuery(".olaf_row2").removeClass("fix");
    	}
    	else if(scrolling > 900){
    		jQuery(".olaf_row2").removeClass("fix");
    	}
    };

     

    방법2

    function scroll_check(){
    	if(scrolling > 900){
    		jQuery(".olaf_row2").removeClass("fix");
    	}
    	else if(scrolling > 158){
    		jQuery(".olaf_row2").addClass("fix");
    	}
    	else{
    		jQuery(".olaf_row2").removeClass("fix");
    	}
    };

     

    확인 해보시겠어요?

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)