html - 我怎样才能摆脱滚动条的白角

Question

所以，我开始建立一个网站并成功地制作了一个导航栏等。我开始改变滚动条的样式，但是当我这样做时，有一些白色的角落破坏了网站的整个方面，这是一张图片：

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

标签： htmlscrollbar

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