我有一个HTML文本区域,是固定宽度,但可变的高度。我想设置溢出:滚动,并能够显示一个垂直的滚动条,但不是水平的。我不能使用overflow:auto由于其他事情具体到我的情况。

我知道没有办法使用CSS2只显示垂直而不是水平滚动条。是否有什么我可以用JavaScript隐藏水平滚动条?


当前回答

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

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

其他回答

你可以这样使用css:

overflow-y: scroll;
overflow-x: hidden;

对我来说:

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

当然要去掉箭头

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

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

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

使用CSS。它比javascript更简单更快。

overflow-x: hidden;
overflow-y: scroll;