CSS滚动条可见性

时间:2012-06-15 19:14:07

标签: html css

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

body{
    overflow-x:hidden;
    overflow-y:hidden;
}

但我希望y轴上的滚动条可见,但应该是不可理解的。如何做到这一点?

2 个答案:

答案 0 :(得分:2)

编辑:没有容器div更简单。 试试这个:

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

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

DEMO:http://jsfiddle.net/SKxhP/1/

答案 1 :(得分:0)

将html高度设置为101%,这将导致滚动条始终显示,从而防止在滚动条正常显示时内容跳跃。

  html{

    height: 101%;

  }

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

如果我误解了你的需要,请纠正我。