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

Stafan2020-03-24

我有一个固定宽度但高度可变的HTML文本区域。我想设置overflow:scroll并能够显示一个垂直滚动条，但不能显示水平滚动条。overflow:auto由于我所处环境的其他原因，我无法使用。

我知道无法使用CSS2仅显示垂直滚动条，而不能显示水平滚动条。我可以使用JavaScript隐藏水平滚动条吗？

GreenItachi2020/03/24 09:27:10

使用CSS。它比javascript更容易，更快捷。

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

DavaidTony宝儿2020/03/24 09:27:10

wrap=virtual在HTML表单框中使用摆脱了框底部的水平滚动条：

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

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

小卤蛋2020/03/24 09:27:10

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

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

LGil2020/03/24 09:27:10

您可以像这样使用CSS：

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

Newest Answer