使用CSS或JavaScript禁用Safari 5的“过度滚动”行为

Question

OS X Lion上的Safari 5允许您滚动浏览页面的可见边界，在其下方显示亚麻纹理。这是一个很好的效果，但对于一些网络应用程序 - 特别是那些具有固定位置元素（如侧边栏）的应用程序 - 它可能会分散注意力。有谁知道如何使用CSS或JavaScript禁用效果？它必须是可能的，因为像Apple自己的iCloud这样的网站已经这样做了。

Answer 1

有一个blog post介绍了在Mac OS X和iOS设备上禁用弹性滚动所需执行的操作。根据该网站，它似乎与桌面浏览器的以下CSS规则一样简单：

body { overflow: hidden; }

Answer 2

这就是诀窍：

body,
html {
  position: fixed;
}

使用iOS8和iOS9进行测试和验证。

Answer 3

html { overflow: hidden;}
body { overflow: scroll;}