Question

This isn’t a javascript question but I’ve created a fiddle so I can demonstrate where I’m stuck (link at bottom).

I would like to apply scrollbars to a child div and overrule the parent.

For instance in the demo, I would like scrollbars to appear alongside the text underneath the header but not extend all the way to the top.

The demo is very basic but the reason I need to do this involves dynamic elements that can be dragged around the screen and can be expanded by the user. The div containing the bulk of the information needs to be scrollable while those above it may be hidden.

Any help would be much appreciated.

LINK TO JSFIDDLE

Answer 1

For overflow to produce scrollbars, you need to give the div a height.

#container{
    overflow:auto;
    height:500px;
};