Свойство overflow-y управляет отображением содержания
блочного элемента по вертикали, если контент целиком не помещается и выходит за область сверху или снизу от блока.
Синтаксис
overflow-y: auto | hidden | scroll | visible
Значения
visible
Отображается все содержание элемента, даже за пределами установленной высоты.
hidden
Отображается только область внутри элемента, остальное будет скрыто.
scroll
Всегда добавляется вертикальная полоса прокрутки.
auto
В зависимости от браузера. В основном, вертикальная полоса прокрутки добавляется только при необходимости.
Пример
HTML5CSS2.1CSS3IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>overflow-y</title>
<style>
body {
overflow-y: hidden; /* Убираем вертикальную полосу прокрутки */
}
.layer {
width: 300px; /* Ширина блока */
height: 150px; /* Высота блока */
padding: 5px; /* Поля вокруг текста */
}
</style>
</head>
<body>
<div class="layer">
<h2>Duis te feugifacilisi</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div>
</body>
</html>
Из исследования, проведённого и представленного Яндексом в 2009-ом году: В индексе «Яндекса» хранится 140 тысяч гигабайт текстовых данных (или 2,3 триллиона слов); если всё это распечатать, выйдет состоящий из 10,5 миллиарда страниц куб высотой с девятиэтажный дом. Каждая четвёртая веб-страница, хоть и содержит текст, бесполезна (является поисковым спамом). 56% сайтов состоят лишь из одной страницы, 88% информации сконцентрировано менее чем в одном проценте сайтов.