Красивая полоса прокрутки на CSS за 5 минут

preview_player
Показать описание
* Как быстро оформить полосу прокрутки на CSS без использования JS?
* Как поменять курсор для полосы прокрутки?
Решаем эти вопросы за 5 минут.

Создать градиент онлайн:

Добавляйтесь в друзья:

Подписывайтесь на каналы, где я публикую полезные материалы для разработчиков:
  1. Антон Рихновец | Разработка сайтов
Рекомендации по теме
Красивая полоса прокрутки 0:05:43

Красивая полоса прокрутки на CSS за 5 минут

Css урок. Полоса 0:07:44

Css урок. Полоса прокрутки как у YouTube

Полоса прокрутки CSS 0:10:01

Полоса прокрутки CSS (горизонтальный и вертикальный CSS scroll)...

Scrollbar. Стилизуем полосу 0:08:04

Scrollbar. Стилизуем полосу прокрутки с помощью CSS.

Стилизация полосы прокрутки 0:02:29

Стилизация полосы прокрутки (Скроллбар) CSS | Scrollbar CSS

Пользовательская полоса прокрутки 0:02:53

Пользовательская полоса прокрутки используя HTML & CSS шаг за шагом || Custom ScrollBar using CS...

#4 ЭТО МЕНЯЕТ 0:00:39

#4 ЭТО МЕНЯЕТ В ВЕРСТКЕ ВСЕ [ scrollbar-gutter ]

Скролл в модалке 0:00:59

Скролл в модалке на html, css

Custom Scrollbar CSS 0:00:16

Custom Scrollbar CSS | CSS Scrollbar Edit | Change Style Of Scrollbar CSS

Прокрутка с привязкой 0:18:07

Прокрутка с привязкой на CSS. Что такое scroll snap? | VIMP dev

Плавная прокрутка на 0:03:42

Плавная прокрутка на чистом CSS без JS, Видео курс по CSS, Урок 33...

Индикатор прокрутки страницы 0:09:44

Индикатор прокрутки страницы на CSS и JavaScript

Настройте полосу прокрутки 0:07:11

Настройте полосу прокрутки (scrollbar) на вашем WordPress сайте

Кастомный скролл для 0:21:56

Кастомный скролл для React-компонентов

CSS свойства взаимодействия 0:06:31

CSS свойства взаимодействия — cursor, user-select, pointer-events, scroll-behavior и resize...

Создание сайта с 0:57:59

Создание сайта с крутой 3D анимацией прокрутки (HTML CSS JavaScript)...

Красивый Ползунок и 0:08:18

Красивый Ползунок и Переключатель на Materialize CSS, Подробный видео курс по Materialize CSS #27...

Полоса прогресса при 0:06:37

Полоса прогресса при прокрутке сайта Javascript | Урок 10

Что надо знать 0:00:28

Что надо знать о clamp() в CSS?

Горизонтальная и вертикальная 0:02:11

Горизонтальная и вертикальная прокрутка • Flexbox (php,js,html)...

CSS3 #23 Стилизация 0:08:02

CSS3 #23 Стилизация плейсхолдера и скролла, CSS-спрайты (Placeholder, Scrollbar & Sprites)...

Плавный скролл на 0:10:58

Плавный скролл на чистом CSS.

Бегущая строка с 0:08:36

Бегущая строка с изображениями на CSS и HTML

Progressbar вертикальной прокрутки 0:17:03

Progressbar вертикальной прокрутки сайта на JavaScript

Комментарии
Автор

В Firefox данные свойства работать не будут!
С помощью CSS можно лишь немного стилизовать скролл с помощью свойств
scrollbar-color: #6969dd #e0e0e0;
scrollbar-width: thin;

one-zero-dev
Автор

Я тут подумал, а что если делать стилизованные полосы прокрутки нормального размера? Просто для того, чтобы пользователю не приходилось целится по ним мышкой... Один тюлень сделал не подумав 10 лет назад и все подхватили

undefined-channel