[CSS] Przewijany DIV

| Author: Michał Ćwikliński

Scrollable div

Bardzo przydatna część kodu, która przydaje się na stronach zawierających dużo treści. Można ją stosować w elementach blokowych, oczywiście najczęściej wykorzystywanym jest DIV. Oczywiście jest to implementacja definicji CSS overflow:

Przykład:


This is a scrolling area created by using the CSS property overflow in a html block element. This is red color Basically you can use any normal HTML tags in this block element like you usually would.

This is big bold text.


This scrolling area can contain normal html like this link Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.

 

CSS:

div.scroll {
height: 200px;
width: 300px;
overflow: auto;
border: 1px solid #666;
background-color: #ccc;
padding: 8px;
}