html - CSS scollbar 可见性

Question

我想在我的 CSS 中添加这些规则

身体{
    溢出-x：隐藏；
    溢出-y：隐藏；
}

但我希望 y 轴上的滚动条可见但应该禁用。如何做到这一点？

Answer 1

编辑：没有容器 div 就更简单了。试试这个：

html, body {
    width: 100%;
    height: 100%;
}
html {
    overflow-x: hidden;
    overflow-y: scroll;
}
body {
    overflow: hidden;
}

然后，如果要启用滚动条，请overflow: hidden;从正文中删除。

演示：http: //jsfiddle.net/SKxhP/1/

Answer 2

将您的 html 高度设置为 101%，这将导致滚动条始终显示，从而防止您的内容在滚动条正常出现时跳转。

  html{

    height: 101%;

  }

见这里：http: //jsbin.com/ixuhoj/edit

如果我误解了您的需要，请纠正我。