햄버거메뉴 작동 채택완료
현재 반응형 모바일과 574px 미만의 스크린 사이즈에서 보이는 햄버거 메뉴를 만드는데 작동이 되지 않아 도움을 요청합니다..ㅜ
html
Copy
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개
채택된 답변
+20 포인트
4년 전
로그인 후 평가할 수 있습니다
답변에 대한 댓글 4개
4년 전
Phillips
4년 전
아뇨....
<script src="https://code.jquery.com/jquery-2.2.1.min.js"></script>
를
head.php넣어보세요......
<script src="https://code.jquery.com/jquery-2.2.1.min.js"></script>
를
head.php넣어보세요......
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
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>
이렇게가 맞나요?? 변화가 없어서 재질문 드립니다...!