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

html CSS

Stafan

2020-03-24

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

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

第3151篇《隐藏html水平但不垂直的滚动条》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共4个回答

GreenItachi 2020.03.24

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

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

DavaidTony宝儿 2020.03.24

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

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

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

小卤蛋 2020.03.24

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

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

LGil 2020.03.24

您可以像这样使用CSS：

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android