How do you add a scroll bar to a div?

css scroll popup
Blankman picture Blankman · May 14, 2010 · Viewed 160.2k times · Source

I have a popup that displays some results, and I want a scroll bar to be display since the results are being cutt off (and I don't want the popup to be too long).

Answer

Mitch Dempsey picture Mitch Dempsey · May 14, 2010

You need to add style="overflow-y:scroll;" to the div tag. (This will force a scrollbar on the vertical).

If you only want a scrollbar when needed, just do overflow-y:auto;

Related questions

Prevent BODY from scrolling when a modal is opened

I want my body to stop scrolling when using the mousewheel while the Modal (from http://twitter.github.com/bootstrap) on my website is opened. I've tried to call the piece of javascript below when the modal is opened but …

Read More
Disable Scrolling on Body

I would like to disable scrolling on the HTML body completely. I have tried the following options: overflow: hidden; (not working, did not disable scrolling, it just hid the scrollbar) position: fixed; (this worked, but it scrolled completely to the …

Read More
How to programmatically disable page scrolling with jQuery

Using jQuery, I would like to disable scrolling of the body: My idea is to: Set body{ overflow: hidden;} Capture the current scrollTop();/scrollLeft() Bind to the body scroll event, set scrollTop/scrollLeft to the captured value. Is there a …

Read More