Блог

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

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%);
}
 

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

 ::-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%);
}