Toggle 메뉴 관련해서 질문좀 드릴께요~!
본문
아래와 같은 토글메뉴를 현재 공부하면서 만들어보고 있는데요~!
onclick를 만들어서 버튼을 클릭하게되면
html body #menu-wrap가 overflow:hidden이 나오게 만들었는데요~!
overflow:hidden이 적용된 상태에서 버튼을 한번더 클릭하게되면
위와같이 overflow:hidden;을 없애려면 어떤 함수를 추가해야할까요?!
function dropToggle(st){
$(window).scrollTop(0);
var html = $('html');
var body = $('body');
var wrapper = $('#menu-wrap');
if(st == 1){
html.css({'overflow' : 'hidden'});
body.css({'overflow' : 'hidden'});
wrapper.css({'overflow' : 'hidden'});
} else if(st == 2){
html.css({'overflow' : 'hidden'});
body.css({'overflow' : 'hidden'});
wrapper.css({'overflow' : 'hidden'});
}
}
답변 2
var st = 0;
function dropToggle(){ //st 제거
$(window).~~~
~~
~~
st = 1 - st;
if(st==1) onoff = 'visible'; else onoff = 'hidden';
html.css({'overflow' : onoff });
body.css({'overflow' : onoff });
wrapper.css({'overflow' : onoff });
}
if(html.css('overflow') == "hidden"){
보이게
}else{
안보이게
}
말씀해주신 부분을 적용해보니 적용이 되질않는데요ㅠㅠ
답변을 작성하시기 전에 로그인 해주세요.