Hide html horizontal but not vertical scrollbar

Question

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 CSS 2 to show only vertical but not horizontal scrollbars. Is there anything I can do with javascript to hide the horizontal scrollbar?

Answer 1

You can use css like this:

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

Answer 2

Use CSS. It's easier and faster than javascript.

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

Answer 3

Using wrap=virtual in your HTML form boxes gets rid of the horizontal scrollbar at the bottom of the box:

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

See example here : http://jsbin.com/opube3/2 (Tested on FF and IE)