코스모스팜 스레드

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

     

    확인 해보시겠어요?

    고맙습니다.

코스모스팜 회원관리