如何自定义完美滚动条宽度

Question

我正在使用perfect-scrollbar。文档说，滚动条是完全可自定义的，但没有像width

这样的设置

这是默认情况： ，宽度仅为8px。

但我需要至少12px：

如何实现这一目标？

Answer 1

更改CSS：

insertNums和Width。

包含您自己的样式表没有任何害处，事实上，它是预期的。这样你就可以随心所欲地设计它（不仅仅是条形的厚度，还有颜色等等）。只需从GitHub下载未经过最小化的版本，并将其包含在您的页面上，并进行任何调整。

或者你可以用javascript / jQuery覆盖这些值。

Answer 2

对于使用 Angular 2+ 的用户，如果您发现无法使用 SCSS 设置完美滚动条的样式，请在选择器前添加前缀 ::ng-deep。例如在 componentname.component.scss 添加

::ng-deep perfect-scrollbar > div > div.ps__rail-y {
  //styles go here
}