iOS safari允许通过固定div滚动身体

Question

http://output.jsbin.com/fopiwaluwo(全屏输出 - 应在iPad/iOS模拟器上查看.)

当滚动到可滚动覆盖的底部或顶部时,主体也会滚动.我想在覆盖图上滚动时禁用身体上的任何滚动(白色透明区域带有副本).

这是我希望将其应用于此的Web应用程序的简化示例.我知道添加位置:固定到正文禁用滚动但是我不能在现实世界的例子中使用它.JavaScript解决方案欢迎.

干杯

Answer 1

只需添加：

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

看哪，主体不会滚动，但覆盖层会滚动:-)

更新：似乎仅适用于运行 iOS 10 的 iPhone。
不适用于 iPad 或 iOS 9。