Make text scrollable within div

Question

I am looking to make some lengthy text contained into a div where the text can be viewed by scrolling up or down. Right now the "description" text is rendered like so <%= @pin.description.html_safe %> and is inside a <div class="panel-body> (I'm using Bootstrap).

you can add `panel-body some-class` and style `.some-class` with `max-height: 100px; overflow-y: auto`; — Aleksandar, Jul 23 '14 at 18:22

score 27 · Accepted Answer · answered Jul 23 '14 at 18:24

27

Give your div a height and set overflow: scroll

#elementId{
    height: 200px;
    overflow: scroll;
}

If you only want it to scroll up/down and not left/right use:

overflow-y: scroll;

JSFIDDLE

answered Jul 23 '14 at 18:24

Jmh2013

2,625
2
26
42

Make text scrollable within div

1 Answers1

Linked