在div overflow:auto上禁用垂直滚动条

Question

使用溢出时是否可以只允许水平滚动条:自动(或滚动)？

Answer 1

这两个CSS属性可用于隐藏滚动条:

overflow-y: hidden; // hide vertical
overflow-x: hidden; // hide horizontal

Answer 2

你应该只使用

overflow-y:hidden; - 用于隐藏垂直滚动

overflow-x:auto; - 使用此选项显示水平滚动

卢克已经提到两者都是隐藏的.所以我已经单独给出了这个.

Answer 3

溢出:自动;
溢出y:隐藏;

对于IE8:-ms-overflow-y:hidden;

要不然 :

要隐藏X:

<div style="height:150x; width:450px; overflow-x:hidden; overflow-y: scroll; padding-bottom:10px;"></div>

隐藏Y:

<div style="height:150px; width:450px; overflow-x:scroll ; overflow-y: hidden; padding-bottom:10px;"></div>

Answer 4

如果你想同时在Gecko(NS6 +,Mozilla等)和IE4 +中完成同样的工作,我相信这应该可以解决问题:V

body {
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: auto;
}

这将应用于整个body标签,请将其更新为相关的css并应用此属性.