Как сделать scroll-track шире чем scroll-thumb?
Сделал кастомный скроллбар(нашел). Но не могу понять как сделать бг шире чем сам ползунок. Помогите пожалуйста Ссылка codepen: 'https://codepen.io/desginer123/pen/dyZrjKE'
Ответы (1 шт):
Автор решения: Ирина
→ Ссылка
div {
overflow: auto;
width: 300px;
height: 300px;
background-color: #fcc;
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: linear-gradient(
to left,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 30%,
rgba(0, 0, 0, 1) 50%,
rgba(0, 0, 0, 0) 70%,
rgba(0, 0, 0, 0) 100%
);
}
::-webkit-scrollbar-thumb {
background-color: #000;
}