아래와 같은 토글메뉴를 현재 공부하면서 만들어보고 있는데요~!
onclick를 만들어서 버튼을 클릭하게되면
html body #menu-wrap가 overflow:hidden이 나오게 만들었는데요~!
overflow:hidden이 적용된 상태에서 버튼을 한번더 클릭하게되면
위와같이 overflow:hidden;을 없애려면 어떤 함수를 추가해야할까요?!
Copy
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개 / 댓글 1개
채택된 답변
+20 포인트
2018-08-10 (금) 02:22:31
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 });
}
블랙캣77
2018-08-09 (목) 23:31:04
if(html.css('overflow') == "hidden"){
보이게
}else{
안보이게
}
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.