2016-08-24 58 views
6

http://jsbin.com/fopiwaluwo/edit?html,css,jsiOS的Safari允许身体的滚动通过固定的div

http://output.jsbin.com/fopiwaluwo(全屏幕输出 - 应在iPad/iPhone模拟器来查看。)

当滚动到滚动覆盖所述底部或顶部身体也滚动。我想在覆盖层上滚动(禁用白色透明区域)时禁用任何滚动功能。

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

干杯

回答

0

只需添加:

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

看哪,身体不滚动,而是覆盖确实:-)

更新:似乎在运行iOS的iPhone合作10只。之前你是什么意思我已将此添加到您的样品( -
不能在iPad上或iOS 9

+1

嘿工作,在固定股利太:( – Andre

+0

@Andre感谢您的回答,但不幸的是这禁用滚动? ''),并且覆盖滚动(粉红色部分(ok,红色为0.8 alpha)和“这里有一些可滚动的副本”)滚动,红色边框保持不变。是不是你想要实现的目标? –

+0

你是否在iOS模拟器中执行此操作?具有内容的div也停止滚动而不是预期的结果 – Andre