테스트 사이트 - 개발 중인 베타 버전입니다

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

랑기랑기 7년 전 조회 2,310

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

onclick를 만들어서 버튼을 클릭하게되면 

 

html body #menu-wrap가 overflow:hidden이 나오게 만들었는데요~!

overflow:hidden이 적용된 상태에서 버튼을 한번더 클릭하게되면 

위와같이 overflow:hidden;을 없애려면 어떤 함수를 추가해야할까요?!

 

</p>

<p>function dropToggle(st){

    $(window).scrollTop(0);

    var html = $('html');

    var body = $('body');

    var wrapper = $('#menu-wrap');</p>

<p>

    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'});    

    }

}</p>

<p> </p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
7년 전

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 });

}

 

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

7년 전

if(html.css('overflow') == "hidden"){

보이게

}else{

안보이게

}

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

랑기랑기
7년 전
말씀해주신 부분을 적용해보니 적용이 되질않는데요ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인