스크롤 대화 본문은 있지만 아래 페이지는 표시되지 않습니다.

Question

스크롤 할 수있는 페이지 상단에 대화 상자 (스크롤 가능한 내용 본문 포함)가 있습니다. 이제는 마우스 휠을 사용하여 대화 상자 안쪽에서 스크롤하려고 할 때 대화 상자 본문 만 스크롤하고 아래 페이지는 스크롤하지 않도록해야합니다.

어떻게하면됩니까?

Answer 1

overflow: auto을 사용하여 모든 콘텐츠를 블록으로 배치하고 overflow 속성을 hidden으로 설정할 수 있습니다.

예 : here을 참조하십시오.

그렇지 않으면 창을 스크롤하지 못하게 할 수 있다고 생각하지 않습니다. 비슷한 질문보기 : prevent Scroll "bubbling" from element to window.

또 다른 대답은 마우스 휠 이벤트의 기본 효과 인 Prevent scrolling of parent element?을 방지 할 수 있다고 제안합니다. 그러나 키를 누르거나 텍스트를 선택할 때도 스크롤이 발생하므로 이상적이지 않습니다.