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 CSS2 to show only vertical but not horizontal scrollbars  Is there anything I can do with JavaScript to hide the horizontal scrollbar

User · Answer

Using wrap virtual in your HTML form boxes gets rid of the horizontal scrollbar at the bottom of the box       lt textarea name   enquiry  rows  4  cols  30  wrap  virtual  gt  lt  textarea gt    See example here   http   jsbin com opube3 2  Tested on FF and IE

User · Answer

Disable horizontal scrollbar completely by adding this code   body    overflow-x  hidden    overflow-y  scroll

User · Answer

Use CSS  It s easier and faster than javascript   overflow-x  hidden  overflow-y  scroll

User · Answer

combobox selector ul       padding  0      margin  0      list-style  none      border 1px solid  CCC      height  200px      overflow  auto      overflow-x  hidden      sets 200px scrolldown size  overflow-x hides any horizontal scrollbar

User · Answer

selector   overflow-y  scroll   overflow-x  hidden      Working example with snippet and jsfiddle link https   jsfiddle net sx8u82xp 3      x000D   x000D   container  x000D    height 100vh  x000D    overflow-y scroll  x000D    overflow-x  hidden  x000D    background yellow  x000D    x000D   lt div class  container  gt  x000D   x000D   lt p gt  x000D  Lorem Ipsum is simply dummy text of the printing and typesetting industry  Lorem Ipsum has been the industry s standard dummy text ever since the 1500s  when an unknown printer took a galley of type and scrambled it to make a type specimen book  It has survived not only five centuries  but also the leap into electronic typesetting  remaining essentially unchanged  It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages  and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum  x000D   x000D  Why do we use it  x000D  It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout  The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters  as opposed to using  Content here  content here   making it look like readable English  Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text  and a search for  lorem ipsum  will uncover many web sites still in their infancy  Various versions have evolved over the years  sometimes by accident  sometimes on purpose  injected humour and the like   x000D   lt  p gt  x000D   x000D   lt p gt  x000D  Lorem Ipsum is simply dummy text of the printing and typesetting industry  Lorem Ipsum has been the industry s standard dummy text ever since the 1500s  when an unknown printer took a galley of type and scrambled it to make a type specimen book  It has survived not only five centuries  but also the leap into electronic typesetting  remaining essentially unchanged  It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages  and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum  x000D   x000D  Why do we use it  x000D  It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout  The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters  as opposed to using  Content here  content here   making it look like readable English  Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text  and a search for  lorem ipsum  will uncover many web sites still in their infancy  Various versions have evolved over the years  sometimes by accident  sometimes on purpose  injected humour and the like   x000D   lt  p gt  x000D   x000D   lt p gt  x000D  Lorem Ipsum is simply dummy text of the printing and typesetting industry  Lorem Ipsum has been the industry s standard dummy text ever since the 1500s  when an unknown printer took a galley of type and scrambled it to make a type specimen book  It has survived not only five centuries  but also the leap into electronic typesetting  remaining essentially unchanged  It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages  and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum  x000D   x000D  Why do we use it  x000D  It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout  The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters  as opposed to using  Content here  content here   making it look like readable English  Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text  and a search for  lorem ipsum  will uncover many web sites still in their infancy  Various versions have evolved over the years  sometimes by accident  sometimes on purpose  injected humour and the like   x000D   lt  p gt  x000D   x000D   lt p gt  x000D  Lorem Ipsum is simply dummy text of the printing and typesetting industry  Lorem Ipsum has been the industry s standard dummy text ever since the 1500s  when an unknown printer took a galley of type and scrambled it to make a type specimen book  It has survived not only five centuries  but also the leap into electronic typesetting  remaining essentially unchanged  It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages  and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum  x000D   x000D  Why do we use it  x000D  It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout  The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters  as opposed to using  Content here  content here   making it look like readable English  Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text  and a search for  lorem ipsum  will uncover many web sites still in their infancy  Various versions have evolved over the years  sometimes by accident  sometimes on purpose  injected humour and the like   x000D   lt  p gt  x000D   x000D   lt  div gt  x000D   x000D   x000D

User · Answer

You can use css like this   overflow-y  scroll  overflow-x  hidden

User · Answer

For me    ui-jqgrid  ui-jqgrid-bdiv      position  relative     margin  0     padding  0     overflow-y  auto    lt ------    overflow-x  hidden   lt -----    text-align  left      Of course remove the arrows

User · Answer

lt div style  width 100px height 100px overflow-x hidden overflow-y auto background-color  000000  gt

[html] Hide html horizontal but not vertical scrollbar

Examples related to html

Examples related to css

Examples related to scrollbar