답변 3개
채택된 답변
+20 포인트
9개월 전
메뉴가 열렸을 때 메인 페이지의 스크롤을 비활성화하는 방식을 사용.
JavaScript 또는 jQuery를 사용하여
메뉴가 열릴 때
body 요소에 overflow: hidden; 스타일을 적용하거나, 클래스(.no-scroll 등)를 추가.
메뉴가 닫힐 때는
이를 제거하여 정상적인 스크롤 동작을 복구.
예로, 메뉴 버튼 클릭 이벤트에서 다음 코드를 실행
</p>
<p>$(".menu-button").on("click", function () {
$("body").addClass("no-scroll"); // 스크롤 비활성화
});</p>
<p>// 메뉴 닫기 시
$(".menu-close").on("click", function () {
$("body").removeClass("no-scroll"); // 스크롤 복구
});</p>
<p>CSS로 .no-scroll 클래스 설정
</p>
<p>.no-scroll {
overflow: hidden;
position: fixed;
width: 100%; /* 화면 크기 고정 */
}</p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 3개
�
그누초보다
9개월 전
해결했습니다 감사합니다
�
그누초보다
9개월 전
해결했습니다 감사합니다
g
glitter0gim
9개월 전
`/_
댓글을 작성하려면 로그인이 필요합니다.
9개월 전
추가 피해자 방지 https://sir.kr/conflictconsultation/245" rel="nofollow noreferrer noopener" target="_blank">https://sir.kr/conflictconsultation/245
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
9개월 전
검색해 보았습니다. 참고가 되었으면 좋겠네요
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인