如何使滚动条在角度材料中始终可见？

Question

所以目前，我正在使用有角度的材料和它的默认滚动条（但我认为它是完美的滚动条）作为滚动条的滚动设计。 但是滚动仅在用户尝试滚动页面/div 时显示。 我试图阅读 Angular Material 的滚动 API，但这里没有我可以使用的属性。 当然，我已经将overflow-y: scroll放在了 css 上。 任何的想法？ 谢谢！

Answer 1

所以我找到了一个解决方法，我需要在我的 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);
}

参考：

使主滚动条始终可见

将 webkit 滚动条样式应用于指定元素