Свойство overflow-y - это отличный инструмент для управления вертикальным переполнением контента. Оно позволяет разработчику решить, что делать с контентом, который не влезает в отведенную область элемента: аккуратно скрыть его, дать возможность прокрутки или оставить «выплывающим» за границы. | Значение по умолчанию: | visible | | Наследуется: | нет | | Версия: | CSS3 | | Синтаксис JavaScript: | object.style.overflowY="scroll" | | Значение | Описание | | visible | Контент не обрезается и свободно выходит за пределы рамки элемента. Иногда это выглядит хаотично, но бывает необходимо для визуальных эффектов. | | hidden | Всё, что не помещается в контейнер, скрывается из виду. Это создает чистый и аккуратный вид без лишних элементов. | | scroll | Невидимая часть контента становится доступной через полосу прокрутки. Отличное решение, когда важно сохранить все данные видимыми для пользователя. | | auto | Полосы прокрутки появляются только тогда, когда это действительно нужно. Умный и экономичный подход к интерфейсу! | | no-display | Если контент не помещается в блок, весь блок вместе с содержимым исчезает из отображения. | | no-content | Непоместившийся контент просто не показывается, сохраняя при этом сам элемент в структуре страницы. | Пример
|