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

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

QA

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{

안보이게

}

답변을 작성하시기 전에 로그인 해주세요.
전체 131
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT