Для максимально возможной кросс-браузерной поддержки стилизации полос прокрутки (scrollbar) лучше использовать специальные CSS-свойства с префиксом ::webkit (для Chrome и Safari), и стандартизированные свойства scrollbar-width совместно с scrollbar-color (для Firefox)
Пошаговое руководство по запуску CSS-анимации при появлении HTML-элемента в видимой части окна, во время скролла, с помощью Intersection Observer API.
Обычно, чтобы добавить такой эффект уменьшения шапки при скролле страницы, используется немного JavaScript и CSS, но с появлением position: sticky то же самое можно сделать, используя только CSS.
Плавающая боковая панель (sticky sidebar). Несложная HTML-разметка, немного CSS и чистый Javascript.
Модальное диалоговое окно должно показываться поверх документа с которым будет запрещено что-либо делать до тех пор, пока диалог не будет завершён и закрыт.
Настройка полосы прокрутки, цвет scrollbar и стилизация скроллбара, как изменить стиль полосы прокрутки
Как при прокрутке закрепить панель навигации только с помощью CSS и не скроллить (sticky navbar) ее вместе с контентом: position: sticky и scroll-margin-top
Экспериментальная техника 3D-макета для HTML-элементов со скроллом, заворачиванием и прочими возможностями.
Загрузка...
