javascript - 防止正文滚动(移动、 native 浏览器)

Question

在 Samsung Galaxy S5/S6 的 native 浏览器上，以下 CSS fragment :

body {
  overflow: hidden;
}

不会阻止正文滚动。

有解决办法吗？

编辑:如下所述，这也可以通过将 overflow:hidden 添加到 html 标记来完成。但这引入了窗口滚动到顶部的问题。

是否可以在没有滚动副作用的情况下防止正文滚动(页面滚动到顶部一次 html，正文溢出:隐藏)？

旁注:问题在以下环境中可重现:

Samsung Galaxy S5 (Android 5.0) Browser: Native;
Samsung Galaxy S6 (Android 6.0.1) Browser: Native;
iPhone 5S (iOS 8.4.1) Browsers: Chrome; Safari;
iPhone 6+ (iOS 9.3.2) Browsers: Chrome; Safari;

Answer 1

尝试

body {
    overflow:hidden;
    position:fixed;
    top:0;
    bottom: 0;
}