Народ, всем привет. Сегодня у нас тема больше для программистов, особенно начинающих. А именно, как можно стилизовать скролл. Кто не помнит, это такая полосочка прокрутки справа или слева страницы или любого блока. Причем стилизовать мы его будем не за счет каких-то плагинов, а по большей части, библиотек, UI-компонентов и прочего на JS, а просто за счет CSS. Вариантов там немного, но все же немного подправить стандартный «серый» скролл можно. Но, самое важно, что нужно понять – стилизовать скролл самой страницы не нужно, это считается плохим тоном, да и вообще, выглядит убого...
Все чаще скрипты можно заменить стилями. Сегодня расскажу как сделать горизонтальный слайдер с полосой прокрути уже (меньше по ширине), чем родительский блок. Сперва накидаем html: <div class="block">
<span></span><span></span><span></span><span></span><span> </span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
</div> немного стилей: .block{
display: flex;
margin: 100px -10px 100px;
overflow-x: auto;
}.
block>span{
width: 150px;
...