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

Question

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

这样的设置

默认情况下是这样的： ，宽度只有8px

但我至少需要 12px:

如何实现？

Answer 1

更改CSS：

Width and height.

包含您自己的样式表没有什么坏处，事实上，这是意料之中的事情。这样你就可以根据需要设置样式（不仅仅是条的厚度，还有颜色等等）。只需从 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
}