html - css滚动条的顶部和底部 Angular 没有改变

Question

   ul.list_view::-webkit-scrollbar {
background: lightyellow;
width: 12px;
   }
    ::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px #57c5a0;
 border-radius: 10px;
}
  ::-webkit-scrollbar-thumb {
 border-radius: 10px;
 background:#57c5a0;
-webkit-box-shadow: inset 0 0 6px #000000;
}

您好。这是自定义滚动条的代码。正如您在滚动条的上 Angular 和下 Angular 看到的那样，仍然有一个空白区域。我不知道如何让它消失。请帮忙。

Answer 1

它不是白色，而是您的 css 中指定的浅黄色。您只需将背景从 lightyellow 更改为 transparent。

ul::-webkit-scrollbar {
    background: transparent;
}

如果您希望拥有完全透明的轨道，还可以从 ::-webkit-scrollbar-track 中移除 box-shadow。