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

时间:2016-08-24 15:12:43

标签: ios scroll css-position mobile-safari fixed

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

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

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

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

干杯

1 个答案:

答案 0 :(得分:0)

添加:

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

不料,身体不滚动,但叠加确实:-)

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