84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
휴대폰 페이지에서는 기본 본문 내용에 내용이 많고 스크롤 막대가 있습니다. 클릭 시 팝업 레이어가 나타나면 본문 내용은 스크롤할 수 없지만 팝업 레이어는 스크롤할 수 있습니다! 그것을 처리하는 방법?
팝업 레이어가 나타날 때 원본 내용이 넘치도록 설정하고 팝업 레이어가 자동으로 넘치고 닫을 때는 그 반대가 되는 것 같습니다. #
팝업 레이어의 스크롤 이벤트에서 버블링을 방지할 수 있습니다event.stopPropagation(). 그러면 팝업 레이어를 스크롤할 때 외부 스크롤 이벤트가 트리거되지 않습니다.
event.stopPropagation()
부트스트랩의 모달 상자를 사용해 볼 수 있습니다. 모달 상자의 팝업 레이어는 스크롤할 수 있지만 본문은 스크롤할 수 없는 것 같습니다.
본문의 너비와 높이를 100%로 설정하고 팝업 레이어 Overflow: auto를 설정하면 됩니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
팝업 레이어가 나타날 때 원본 내용이 넘치도록 설정하고 팝업 레이어가 자동으로 넘치고 닫을 때는 그 반대가 되는 것 같습니다. #
팝업 레이어의 스크롤 이벤트에서 버블링을 방지할 수 있습니다
으아악event.stopPropagation(). 그러면 팝업 레이어를 스크롤할 때 외부 스크롤 이벤트가 트리거되지 않습니다.부트스트랩의 모달 상자를 사용해 볼 수 있습니다. 모달 상자의 팝업 레이어는 스크롤할 수 있지만 본문은 스크롤할 수 없는 것 같습니다.
본문의 너비와 높이를 100%로 설정하고 팝업 레이어 Overflow: auto를 설정하면 됩니다.