隐藏html水平但不垂直滚动条

我有一个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;
}

当然要去掉箭头

2015-10-11 06:44:02

其他回答

通过添加以下代码，完全禁用水平滚动条。

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

2014-09-03 07:28:58

对我来说:

.ui-jqgrid .ui-jqgrid-bdiv {
   position: relative;
   margin: 0;
   padding: 0;
   overflow-y: auto;  <------
   overflow-x: hidden; <-----
   text-align: left;
}

当然要去掉箭头

2015-10-11 06:44:02

.combobox_selector ul {
    padding: 0;
    margin: 0;
    list-style: none;
    border:1px solid #CCC;
    height: 200px;
    overflow: auto;
    overflow-x: hidden;
}

设置200px向下滚动大小，溢出x隐藏任何水平滚动条。

2011-11-25 00:18:02

<div style="width:100px;height:100px;overflow-x:hidden;overflow-y:auto;background-color:#000000">

2011-08-12 09:28:31

在HTML表单框中使用wrap=virtual可以消除框底部的水平滚动条:

  <textarea name= "enquiry" rows="4" cols="30" wrap="virtual"></textarea>

参见示例:http://jsbin.com/opube3/2(在FF和IE上测试)

2010-04-07 17:07:09

隐藏html水平但不垂直滚动条

推荐文章

最新文章

标签