옆에 퀵메뉴가 고정인데
스크롤값이 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");
}
};
확인 해보시겠어요?
고맙습니다.