how to hide a vertical scroll bar when not needed

Question

I have a textarea which is contained in a div as I have jquery hint and wanted to use opacity without changing the border  There is a visible vertical scroll bar how I only want this displayed when I am typing in the text field and it goes beyond the container  I have tried overflow  auto  but does not work   Textfield    lt label gt       lt div id  name  gt           lt textarea name  message  type  text  id  message              title  Enter Message Here              rows 9 cols 60 maxlength  2000  gt  lt  textarea gt       lt  div gt   lt  label gt    Styles    name        border  1px solid  c810ca      width  270px      height 159px      overflow  hidden       position  relative          message       height  400px      width  235px      overflow  hidden      position  absolute

User · Accepted Answer

overflow  auto  or overflow-y  auto  is the correct way to go   The problem is that your text area is taller than your div   The div ends up cutting off the textbox  so even though it looks like it should start scrolling when the text is taller than 159px it won t start scrolling until the text is taller than 400px which is the height of the textbox   Try this  http   jsfiddle net G9rfq 1   I set overflow auto on the text box  and made the textbox the same size as the div   Also I don t believe it s valid to have a div inside a label  the browser will render it  but it might cause some funky stuff to happen   Also your div isn t closed

User · Answer

Add this class in  css class   scrol     font  bold 14px Arial   border 1px solid black   width 100     color  616D7E   height 20px   overflow scroll   overflow-y scroll  overflow-x hidden      and use the class in div  like here    lt div gt   lt p class    scrol  id    title  gt - lt  p gt  lt  div gt    I have attached image   you see the out put of the above code

User · Answer

overflow  auto  or overflow  hidden  should do it I think

[html] how to hide a vertical scroll bar when not needed

Examples related to html

Examples related to css

Examples related to forms