그누보드 모바일 메뉴 열고 두번 밑으로 스크롤시 메인페이지가

그누보드 모바일 메뉴 열고 두번 밑으로 스크롤시 메인페이지가

QA

그누보드 모바일 메뉴 열고 두번 밑으로 스크롤시 메인페이지가

본문

그누보드 모바일 메뉴 열고 두번 밑으로 스크롤시,

메인페이지가 스크롤 되면서,

메뉴 뒤에 원페이지(메인페이지에서 메뉴를 열었다면 메인페이지)가 스크롤 되는거 막는법없나요?

이 질문에 댓글 쓰기 :

답변 3

메뉴가 열렸을 때 메인 페이지의 스크롤을 비활성화하는 방식을 사용.

 

JavaScript 또는 jQuery를 사용하여

메뉴가 열릴 때

body 요소에 overflow: hidden; 스타일을 적용하거나, 클래스(.no-scroll 등)를 추가.

메뉴가 닫힐 때는

이를 제거하여 정상적인 스크롤 동작을 복구.

예로, 메뉴 버튼 클릭 이벤트에서 다음 코드를 실행


$(".menu-button").on("click", function () {
    $("body").addClass("no-scroll"); // 스크롤 비활성화
});
// 메뉴 닫기 시
$(".menu-close").on("click", function () {
    $("body").removeClass("no-scroll"); // 스크롤 복구
});

CSS로 .no-scroll 클래스 설정


.no-scroll {
    overflow: hidden;
    position: fixed;
    width: 100%; /* 화면 크기 고정 */
}
답변을 작성하시기 전에 로그인 해주세요.
전체 127,566 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT