IOS сафари позволяет прокручивать тела через фиксированный DIV

Question

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

http://output.jsbin.com/fopiwaluwo (полный вывод на экран - следует рассматривать на тренажере IPad/IOS.)

Когда прокручивается в нижней или верхней части прокруткой наложения на тело также свитки. Я хочу отключить прокрутку на теле, прокручивая наложение (белая прозрачная область с копией).

Это упрощенный пример веб-приложения, к которому я хочу применить это. Я знаю, что добавление позиции: фиксированное для тела отключает прокрутку, но я не могу использовать это в примере реального мира. Приветствуем решения JavaScript.

Приветствия

Answer 1

Просто добавьте:

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

И вот, тело не прокручивается, но наложение делает :-)

Update:, кажется, работает на айфонов, работающих под управлением IOS Только 10.
Не работает на IPad или прошивкой 9.