티스토리 뷰
📌모달창 열었을 때 뒤의 화면 고정하기
모달창을 여는 클릭이벤트 함수에 적용하기
document.body.style.overflow = "hidden";
모달창을 닫는 클릭이벤트 함수에 적용하기
document.body.style.overflow = "scroll";
📌 모달창 스크롤바 설정
.modal-content {
max-height: calc(100vh - 200px);
overflow-y: auto;
}
.modal-content::-webkit-scrollbar {
display: none;
}
📍overflow-y: auto;
: 모달 내부 컨텐츠가 주어진 공간을 넘어가는 경우 세로 스크롤바 생성하기
참고 :
'Language > JavaScript' 카테고리의 다른 글
| 간혹가다 헷갈릴 수 있는 문제들 ! - 문제은행 오답 풀이 (1) | 2025.01.16 |
|---|---|
| [🍦] 손님~ 진동벨로 알려드릴게요! (1) - promise (0) | 2025.01.16 |
| 그래, id는 가져왔어. 이제 어떡할 건데?! - find() (0) | 2025.01.15 |
| [🍦] text 삼형제 비교 - textContent / innerText / innerHTML (0) | 2025.01.12 |
| [🍦] 함수의 return (0) | 2025.01.11 |