iOS의 사파리 고정 DIV 통해 본체의 스크롤을 허용

http://output.jsbin.com/fopiwaluwo (전체 화면 출력 - 아이 패드/아이폰 OS 시뮬레이터보아야한다.)

상기 스크롤 오버레이의 하단 또는 상단으로 스크롤하면 몸도 스크롤됩니다. 오버레이 (사본이있는 흰색 투명 영역)에서 스크롤하는 동안 본문에 대한 스크롤을 비활성화하려고합니다.

이것은 이것을 적용하고자하는 웹 응용 프로그램의 간단한 예입니다. 위치를 추가하는 것은 몸에 고정되어 있지만 스크롤을 사용하지 못하게한다는 것을 알고 있지만 실세계 예제에서는 사용할 수 없습니다. JavaScript 솔루션을 환영합니다.

건배

2016-08-24 Andre

그냥 추가 : 아이폰 OS를 실행 아이폰에서 작동하는 것 같다 :

<script type="text/javascript">document.ontouchmove=function(event){ event.preventDefault(); }</script>

을 보라, 몸이 스크롤되지 않지만, 오버레이 :-) 않는 업데이트

10 만. 직전 (당신은 내가 샘플이 추가 무엇을 의미합니까? -
는, 아이 패드 또는 아이폰 OS 9

2016-10-10 13:07:53

야에 고정 사업부 너무 :( – Andre

@Andre에서 답변을 주셔서 감사하지만 불행히도이 비활성화 스크롤 작동하지 않습니다 '') 및 오버레이 스크롤 (여기에 "일부 스크롤 가능한 사본"이있는 분홍색 부분 (ok, 빨간색은 0.8 알파))이 스크롤되고 빨간색 테두리가 고정되어 있습니다. ? –

iOS 시뮬레이터에서이 작업을 수행하고 있습니까? 콘텐츠를 포함한 div도 원하는 결과가 아닌 스크롤을 멈 춥니 다. – Andre

답변