모달을 열었을 때 터치 스크롤을 사용하지 않음

Question

모바일 사이트에서 전체 화면 모달을 사용하고 있습니다. 문제는 모달을 만지면 본문 페이지가 오버플로 되어도 이동하게됩니다. 숨김 :

다음은 부트 스트랩 그것에 대해 말씀입니다 : 오버 플로우에 대한

지원 : 요소에 숨겨진이 매우 iOS 및 Android에서 제한된다. 이를 위해 해당 장치의 브라우저에서 상단 또는 하단 의 모달을 스크롤하면 콘텐츠 이 스크롤되기 시작합니다.

이를 방지하려면 어떻게해야합니까?

body를 position : fixed로 설정하면 스크롤이 추악한 방식으로 맨 위로 이동합니다. 어떤 사람이 가장 좋은 해결책을 찾았다면 무엇이 가장 좋은 해결책일까요?

Answer 1

나는 전에 같은 질문을했다.

내가 한 것은 몸체가 overflow:hidden으로 변경되었으며 height은 모달 height과 같으며 문서 스크롤 위치가 기억됩니다. 모달을 닫은 후에 기억 된 스크롤 위치를 다시 적용하고 height을 auto에 적용했습니다.

내 모달이 창보다 커야하고 모달을 스크롤 할 수 있기를 원했기 때문에 너무 복잡합니다.