연습장
햄버거메뉴, 레이어팝업 활성화 후 스크롤 막기 본문
햄버거메뉴나 레이어팝업이 활성화되면 body에 특정클래스(overflow:hidden을 넣은)를 추가하거나 body에 자체적으로 overflow:hidden을 넣으면 된다
이는 컨텐츠 외 영역을 클릭했을 때 팝업이 닫히거나 햄버거 메뉴가 닫히는 스크립트와 함께 쓰면 좋을듯 하다
'스트립트' 카테고리의 다른 글
| 효율적인 스크롤이벤트 코드 (0) | 2022.03.03 |
|---|---|
| 별도의 세팅 없이 자바스크립트 연습하기 (0) | 2021.11.26 |
| 스크롤값에 따른 인터랙션 추가 (0) | 2021.11.09 |
| gnb에 호버 상태로 새로고침 했을 때 슬라이드 업, 다운이 반대로 되는 현상 해결 (0) | 2021.11.09 |
| 아코디언 형식 스크립트 (0) | 2021.11.09 |