iOS Safari cho phép di chuyển của cơ thể thông qua div cố định

Question

http://jsbin.com/fopiwaluwo/edit?html,css,js

http://output.jsbin.com/fopiwaluwo (sản lượng toàn màn hình - nên được xem trên một mô phỏng iPad/iOS.)

Khi cuộn xuống đáy hoặc trên cùng của lớp phủ cuộn các cơ thể cũng cuộn. Tôi muốn vô hiệu hóa bất kỳ cuộn trên cơ thể trong khi di chuyển trên lớp phủ (khu vực trong suốt màu trắng với bản sao).

Đây là ví dụ đơn giản về ứng dụng web mà tôi muốn áp dụng điều này. Tôi biết rằng thêm vị trí: cố định cho cơ thể vô hiệu hóa di chuyển tuy nhiên tôi không thể sử dụng nó trong ví dụ thế giới thực. Các giải pháp JavaScript được chào đón.

Cheers

Answer 1

Chỉ cần thêm:

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

Và kìa, cơ thể không di chuyển, nhưng lớp phủ không :-)

Cập nhật: dường như làm việc trên iPhone chạy iOS 10 chỉ.
Không hoạt động trên iPad hoặc iOS 9.