Как я могу избавиться от белых углов полосы прокрутки

#html #scrollbar

#HTML #полоса прокрутки

Вопрос:

Итак, я начал создавать сайт и успешно создал панель навигации и т. Д. Я начал менять стиль полосы прокрутки, но когда я это делаю, появляются некоторые белые углы, которые портят весь вид сайта, вот картинка:

https://i.stack.imgur.com/MhhyT.png еще одна фотография с полной страницей: здесь

Заранее спасибо 🙂

Вот мой код css:

 ::-webkit-scrollbar {
    width: 12px;
    bacgkround-color: #c7c7c7;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #c7c7c7;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(330deg, #243a51 0%, #243a51 100%);
    background-image: linear-gradient(120deg, #243a51 0%, #243a51 100%);
}
 

Комментарии:

1. удалить border-radius из ::-webkit-scrollbar-track

2. спасибо за ваш ответ. пробовал, но результат все тот же.

Ответ №1:

Я думаю, у вас проблема с радиусом границы.

 ::-webkit-scrollbar-thumb {
   border-radius: 10px;        // remove it
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
   background-image: -webkit-linear-gradient(330deg, #243a51 0%, #243a51 100%);
   background-image: linear-gradient(120deg, #243a51 0%, #243a51 100%);
}
 

Комментарии:

1. итак, в принципе, нет способа округлить полосу прокрутки без этого пробела, верно?