javascript - 기본 페이지에는 스크롤 막대가 있습니다. 팝업 레이어가 나타날 때 원래 스크롤 막대를 숨기고 팝업 콘텐츠를 스크롤 가능하게 하려면 어떻게 해야 합니까?

Question

휴대폰 페이지에서는 기본 본문 내용에 내용이 많고 스크롤 막대가 있습니다. 클릭 시 팝업 레이어가 나타나면 본문 내용은 스크롤할 수 없지만 팝업 레이어는 스크롤할 수 있습니다! 그것을 처리하는 방법?

Answer 1

팝업 레이어가 나타날 때 원본 내용이 넘치도록 설정하고 팝업 레이어가 자동으로 넘치고 닫을 때는 그 반대가 되는 것 같습니다. 🎜#

Answer 2

팝업 레이어의 스크롤 이벤트에서 버블링을 방지할 수 있습니다event.stopPropagation(). 그러면 팝업 레이어를 스크롤할 때 외부 스크롤 이벤트가 트리거되지 않습니다.

으아악

Answer 3

부트스트랩의 모달 상자를 사용해 볼 수 있습니다. 모달 상자의 팝업 레이어는 스크롤할 수 있지만 본문은 스크롤할 수 없는 것 같습니다.

Answer 4

본문의 너비와 높이를 100%로 설정하고 팝업 레이어 Overflow: auto를 설정하면 됩니다.