Make text scrollable within div

html css ruby-on-rails scrollable
Cyzanfar picture Cyzanfar · Jul 23, 2014 · Viewed 17.3k times · Source

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).

Answer

Jmh2013 picture Jmh2013 · Jul 23, 2014

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

Related questions

Removing the shadow from a button

The button I want is the one at bottom, but the one I have is the top. The problem arises from the fact that the top button in HTML: <form class="button_to" method="get" action="/"><input …

Read More
Using glyphicon as background image in CSS: rails 4 + bootstrap 3

I'm using bootstrap's collapse.js to expand and collapse some input groups in a rails app. I'm using JS to determine if the group is expanded or not and have created CSS classes to add a "+" or "-" to show …

Read More
Ruby Slim - How do you define an element's class with a rails helper or variable?

In rails slim (http://slim-lang.com/) the syntax for defining a new div with a class name "sample" is the following: .sample = "Content goes here" this will create: <div class="sample"> Content goes here </div> I …

Read More