Чтобы на сайте сделать современный, красивый скроллбар (он же scrollbar) необходимо минимум кода CSS. Меняя цвета на своё усмотрение можно на своем сайте показывать красивый скролл.
И не нужно его прятать и избегать, так как он вписывается в общий дизайн сайта.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
div.scrollbar_castom::-webkit-scrollbar { width: 15px; border-radius: 10px; background-color: transparent; } div.scrollbar_castom::-webkit-scrollbar-thumb { border-radius: 15px; background-color: #eeefc8; border-right: 4px solid #fdfdf7; border-left: 4px solid #fdfdf7; } div.scrollbar_castom::-webkit-scrollbar-track { border-radius: 10px; background-color: transparent; } div.scrollbar_castom::-webkit-scrollbar-thumb:hover { background-color: #a8bbbf; } |