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