我有一个HTML文本区域，是固定宽度，但可变的高度。我想设置溢出:滚动，并能够显示一个垂直的滚动条，但不是水平的。我不能使用overflow:auto由于其他事情具体到我的情况。
我知道没有办法使用CSS2只显示垂直而不是水平滚动条。是否有什么我可以用JavaScript隐藏水平滚动条?
当前回答
对我来说:
.ui-jqgrid .ui-jqgrid-bdiv {
position: relative;
margin: 0;
padding: 0;
overflow-y: auto; <------
overflow-x: hidden; <-----
text-align: left;
}
当然要去掉箭头
其他回答
通过添加以下代码，完全禁用水平滚动条。
body{
overflow-x: hidden;
overflow-y: scroll;
}
你可以这样使用css:
overflow-y: scroll;
overflow-x: hidden;
在HTML表单框中使用wrap=virtual可以消除框底部的水平滚动条:
<textarea name= "enquiry" rows="4" cols="30" wrap="virtual"></textarea>
参见示例:http://jsbin.com/opube3/2(在FF和IE上测试)
.combobox_selector ul {
padding: 0;
margin: 0;
list-style: none;
border:1px solid #CCC;
height: 200px;
overflow: auto;
overflow-x: hidden;
}
设置200px向下滚动大小，溢出x隐藏任何水平滚动条。
使用CSS。它比javascript更简单更快。
overflow-x: hidden;
overflow-y: scroll;
