Toggle 메뉴 관련해서 질문좀 드릴께요~!

Toggle 메뉴 관련해서 질문좀 드릴께요~!

QA

Toggle 메뉴 관련해서 질문좀 드릴께요~!

답변 2

본문

아래와 같은 토글메뉴를 현재 공부하면서 만들어보고 있는데요~!

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{

안보이게

}

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 26
© SIRSOFT
현재 페이지 제일 처음으로