Ответы пользователя по тегу CSS
  • Как сделать скроллбар "невыезжающим" за границы элемента?

    @just_v
    Frontend dev
    Не нужно плодить лишние блоки, делается это вот так:
    &::-webkit-scrollbar { 
                width: 2px;  // ширина скроллбара
            }
    
            &::-webkit-scrollbar-thumb {
                border-radius: 100px; // закругляем ползунок, для красоты
                background-color: #bdbdbd; // задаём ползунку нужный цвет
            }
    
            &::-webkit-scrollbar-track {
                margin: 10px 0; // тот самый margin, который позволяет отступить от верха и низа блока
                 background-color: #cacaca; // цвет поля по которому бегает ползунок
            }


    Стили применяются к нужному блоку
    Ответ написан
    Комментировать