How can I add a vertical scrollbar to my div automatically

Question

I want to add a vertical scrollbar to my  lt div gt   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  overflow  auto

User · Answer

I got an amazing scroller on my div-popup  To apply  add this style to your div element   overflow-y  scroll  height  XXXpx    The height you specify will be the height of the div and once if you have contents to exceed this height  you have to scroll it   Thank you

User · Answer

You can set    overflow-y  scroll height  XX px

User · Answer

Since OS X Lion  the scrollbar on websites are hidden by default and only visible once you start scrolling  Personally  I prefer the hidden scrollbar  but in case you really need it  you can overwrite the default and force the scrollbar in WebKit browsers back like this   x000D   x000D    -webkit-scrollbar       -webkit-appearance  none      width  7px      -webkit-scrollbar-thumb       border-radius  4px      background-color  rgba 0 0 0  5       -webkit-box-shadow  0 0 1px rgba 255 255 255  5     x000D   x000D   x000D

User · Answer

To show vertical scroll bar in your div you need to add  height  100px     overflow-y   scroll    or  height  100px   overflow-y   auto

User · Answer

You need to assign some height to make the overflow  auto  property work  For testing purpose  add height  100px  and check  and also it will be better if you give overflow-y auto  instead of overflow  auto   because this makes the element to scroll only vertical but not horizontal   float left  width 1000px  overflow-y  auto  height  100px    If you don t know the height of the container and you want to show vertical scrollbar when the container reaches a fixed height say 100px  use max-height instead of height property   For more information  read this MDN article

User · Answer

You have to add max-height property    x000D   x000D   ScrollStyle x000D    x000D      max-height  150px  x000D      overflow-y  scroll  x000D    x000D   lt div class  ScrollStyle  gt  x000D    Scrollbar Test  lt br  gt  x000D    Scrollbar Test  lt br  gt  x000D    Scrollbar Test  lt br  gt  x000D    Scrollbar Test  lt br  gt  x000D    Scrollbar Test  lt br  gt  x000D    Scrollbar Test  lt br  gt  x000D    Scrollbar Test  lt br  gt  x000D    Scrollbar Test  lt br  gt  x000D    Scrollbar Test  lt br  gt  x000D    Scrollbar Test  lt br  gt  x000D   lt  div gt  x000D   x000D   x000D

User · Answer

I m not quite sure what you re attempting to use the div for  but this is an example with some random text   Mr Green gave the correct instructions when he said to add overflow-y  auto as that restricts it to vertical scrolling  This is a JSFiddle example   JSFiddle

[css] How can I add a vertical scrollbar to my div automatically?

Examples related to css

Examples related to html

Examples related to scrollbar

Examples related to overflow