목록으로

pc에선 잘되는 자바스크립트가 모바일에선 안먹힙니다!ㅜㅜ

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2년 전 조회 2,898

답변 1

메뉴버튼을 누르면 사이드메뉴바가 나오는 동작을 하려합니다.

pc에선 아주 잘 작동되는데 모바일에서 작동이 안됩니다...

고수분들 도와주세요!ㅜㅜ

</p>

<p>//html</p>

<p>                <nav></p>

<p>                    <button class="pc-btn en">MENU</button></p>

<p>                    <button class="m-burger"></p>

<p>                        <span></span></p>

<p>                        <span></span></p>

<p>                        <span></span></p>

<p>                    </button></p>

<p>                    <div class="gnb">  </p>

<p>                        <button class="close-btn en">CLOSE</button></p>

<p>                        <ul class="en"></p>

<p>                            <li><a href="#insa" class="orange">INTRO</a></li></p>

<p>                            <li><a href="#about_me" class="pink">ABOUT ME</a></li></p>

<p>                            <li><a href="#portfolio" class="green">PORTFOLIO</a></li></p>

<p>                            <li><a href="#footer" class="yellow">CONTACT</a></li></p>

<p>                        </ul></p>

<p>                    </div></p>

<p>                </nav></p>

<p>//script</p>

<p>const gnb = document.querySelector('.gnb'),</p>

<p>btn = document.querySelector('nav button'),</p>

<p>closeBtn = document.querySelector('.close-btn');</p>

<p> </p>

<p>btn.addEventListener('click', openMenu);</p>

<p>closeBtn.addEventListener('click', closeMenu);</p>

<p> </p>

<p>function openMenu() {</p>

<p>    gnb.style.left = '0px';</p>

<p>}</p>

<p>function closeMenu() {</p>

<p>    gnb.style.left = '-450px';</p>

<p>}</p>

<p>

#그누보드5 #자바스크립트 #모바일메뉴 #코딩

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

답변 1개

정렬:

설국열차

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2년 전

id="gnb" class="gnb">

</p>

<p>function openMenu() {

    document.getElementById("gnb").style.left = '0px';

}

function closeMenu() {

    document.getElementById("gnb").style.left = '-450px';

} </p>

<p>

위와 같이 id=gnb 추가 하고 자스도 아래와 같이 변경하면 잘 되는것 같습니다.

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

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

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

로그인