目前,我正在使用Angular Material和其默认的滚动条(但我认为它是完美的滚动条)作为我的滚动条设计。但是,只有当用户尝试滚动页面/ div时,滚动条才会显示出来。我尝试阅读Angular Material的滚动API,但这里没有我可以使用的属性。当然,我已经在CSS中添加了overflow-y: scroll
。有什么想法吗?谢谢!
目前,我正在使用Angular Material和其默认的滚动条(但我认为它是完美的滚动条)作为我的滚动条设计。但是,只有当用户尝试滚动页面/ div时,滚动条才会显示出来。我尝试阅读Angular Material的滚动API,但这里没有我可以使用的属性。当然,我已经在CSS中添加了overflow-y: scroll
。有什么想法吗?谢谢!
所以我找到了一个解决方法,我需要在我的CSS中包含pseudo
类。
::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
如果您需要将其应用于特定元素或容器
.selectionTable::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
.selectionTable::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
参考: