현재 반응형 모바일과 574px 미만의 스크린 사이즈에서 보이는 햄버거 메뉴를 만드는데 작동이 되지 않아 도움을 요청합니다..ㅜ html [code] [/code] css [code] #tnb { left:-200%; position: fixed; } #tnb:active { left:0; } .hamburger { display:block } [/code] JS [code] const hamburger = document.querySelector(".hamburger"); const navMenu = document.querySelector("#tnb2"); hamburger.addEventListener("click"...

jQuery 를 안불러왔네요 head단에 넣으세요

이전 목록 다음

채택완료

햄버거메뉴 작동

서울서클

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

2021-06-18 (금) 11:40:38 2,073

현재 반응형 모바일과 574px 미만의 스크린 사이즈에서 보이는 햄버거 메뉴를 만드는데 작동이 되지 않아 도움을 요청합니다..ㅜ

html

Copy

<div id="hd_wrapper">
   <div id="logo2"></div>

   <a href="#" class="hamburger"></a>

   <div id="tnb2"></div>

</div>

css

Copy

#tnb {

left:-200%;

position: fixed;

}

#tnb:active {

left:0;

}

.hamburger {

display:block

}

Copy

const hamburger = document.querySelector(".hamburger");

const navMenu = document.querySelector("#tnb2");

 

hamburger.addEventListener("click", mobileMenu);

 

function mobileMenu() {

hamburger.classList.toggle("active");

navMenu.classList.toggle("active");

}

간단하게 코드는 이런 식으로 짰습니다.

아래에 링크도 남깁니다. 꼭 도와주세요!!!!!

http://tndtnkr.com/shop/about.php#

영카트5 그누보드5