현재 반응형 모바일과 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
}JS
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");
}간단하게 코드는 이런 식으로 짰습니다.
아래에 링크도 남깁니다. 꼭 도와주세요!!!!!
답변 1개 / 댓글 4개
채택된 답변
+20 포인트
답변에 대한 댓글 4개
답변을 작성하려면 로그인이 필요합니다.
const hamburger = document.querySelector(".hamburger");
const navMenu = document.querySelector("#tnb2");
hamburger.addEventListener("click", mobileMenu);
function mobileMenu() {
hamburger.classList.toggle("active");
navMenu.classList.toggle("active");
}
</script>
이렇게가 맞나요?? 변화가 없어서 재질문 드립니다...!