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

Wil*_*nes 278 html css scrollbar

我有一个html textarea,其宽度固定,但高度可变.我想设置溢出:滚动并能够显示垂直滚动条,但不能显示水平滚动条.由于我的具体情况,我无法使用overflow:auto.

我知道使用CSS 2无法仅显示垂直而非水平滚动条.有什么我可以使用JavaScript来隐藏水平滚动条?

Nic*_*ver 573

你可以像这样使用css:

overflow-y: scroll;
overflow-x: hidden;
Run Code Online (Sandbox Code Playgroud)

  • 我将其视为CSS3,当我测试时它在Firefox中不起作用.我也看到这可以作为一个仅限IE的属性从当天回来. (2认同)

Kev*_*vin 30

使用CSS.它比javascript更容易,更快捷.

overflow-x: hidden;
overflow-y: scroll;
Run Code Online (Sandbox Code Playgroud)


小智 22

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

body{
  overflow-x: hidden;
  overflow-y: scroll;
}
Run Code Online (Sandbox Code Playgroud)


Jit*_*yas 9

使用wrap=virtual你的HTML表单箱摆脱在箱底部的水平滚动条:

  <textarea name= "enquiry" rows="4" cols="30" wrap="virtual"></textarea>
Run Code Online (Sandbox Code Playgroud)

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