禁用Safari 5';s&x201C;过卷”;使用CSS或JavaScript的行为

禁用Safari 5';s&x201C;过卷”;使用CSS或JavaScript的行为,javascript,css,safari,webkit,Javascript,Css,Safari,Webkit,OSXLion上的Safari5允许您滚动页面的可见边界,显示其下方的亚麻纹理。这是一个很好的效果,但对于一些网络应用程序——特别是那些带有固定位置元素(如侧边栏)的应用程序——它可能会分散注意力。有人知道如何使用CSS或JavaScript禁用效果吗?这一定是可能的,因为像苹果自己的一些网站已经这样做了。有一篇文章讨论了在Mac OS X和iOS设备上禁用弹性滚动需要做些什么。根据该网站的说法,对于桌面浏览器,它似乎与以下CSS规则一样简单: body { overflow: hidden;

OSXLion上的Safari5允许您滚动页面的可见边界,显示其下方的亚麻纹理。这是一个很好的效果,但对于一些网络应用程序——特别是那些带有固定位置元素(如侧边栏)的应用程序——它可能会分散注意力。有人知道如何使用CSS或JavaScript禁用效果吗?这一定是可能的,因为像苹果自己的一些网站已经这样做了。

有一篇文章讨论了在Mac OS X和iOS设备上禁用弹性滚动需要做些什么。根据该网站的说法,对于桌面浏览器,它似乎与以下CSS规则一样简单:

body { overflow: hidden; }
这就是诀窍:

body,
html {
  position: fixed;
}

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

就像一个符咒;我想这应该很简单。谢谢,伙计。对我不起作用-页面冻结,无法滚动到任何地方。这不起作用,只是阻止了我在safari上的所有滚动
body,
html {
  position: fixed;
}