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

你可以像这样使用css：

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

---

使用 CSS。它比 javascript 更容易和更快。

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

---

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

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

---

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

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

在此处查看 示例：http://jsbin.com/opube3/2 （在 FF 和 IE 上测试）

---

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

带有片段和 jsfiddle 链接的工作示例 https://jsfiddle.net/sx8u82xp/3/

https://i.stack.imgur.com/CJVVc.gif

.container{ 高度：100vh;溢出-y：滚动；溢出-x：隐藏；背景：黄色； }

---

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

---

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

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

---

为了我：

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

当然去掉箭头

---