Пару слов о СSS свойстве, которое определяет есть ли прокрутка у элемента или нет. С практической точки зрения его можно применить там, где контент превышает размеры родительского блока.
Давайте разберём конкретный пример.
- У нас есть простая разметка - 5 карточек с заголовком и описанием.
- Для наглядности уберём полосу прокрутки.
Теперь не понятно, где карточки "скроллятся", а где нет.
- Далее добавим CSS анимацию, которая будет менять цвет элементов при прокрутке.
- Последний штрих. Пропишем карточке стили, добавляющие анимацию.
Простыми словами вышенаписанное свойство проверяет наличие прокрутки у элемента и добавляет к нему анимацию. Если прокрутки нет, то элемент остаётся без изменений.
Спасибо за просмотр.
