Hide html horizontal but not vertical scrollbar

html css scrollbar
William Jones picture William Jones · Apr 7, 2010 · Viewed 460.2k times · Source

I have an HTML textarea that is of fixed width, but variable height. I would like to set overflow:scroll and be able to show a vertical scrollbar, but not a horizontal one. I am not able to use overflow:auto due to other things specific to my situation.

I know there is no way using CSS2 to show only vertical but not horizontal scrollbars. Is there anything I can do with JavaScript to hide the horizontal scrollbar?

Answer

Nick Craver picture Nick Craver · Apr 7, 2010

You can use css like this:

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

Related questions

CSS customized scroll bar in div

How can I customize a scroll bar via CSS (Cascading Style Sheets) for one div and not the whole page?

Read More
How can I add a vertical scrollbar to my div automatically?

I want to add a vertical scrollbar to my <div>. I've tried overflow: auto, but it is not working. I've tested my code in Firefox and Chrome. I'm pasting the div style code here: float: left; width: 1000px; …

Read More
Disable vertical scroll bar on div overflow: auto

Is it possible to allow only a horizontal scroll bar when using overflow:auto (or scroll)?

Read More