如何自定义jquery.perfect-scrollbar的外观？

Question

我正在使用jquery.perfect-scrollbar，它提供了10.8+的Mac OS X滚动条的优秀façsimile - 而the author has claimed以便利用CSS欺骗它的方式，我不能弄清楚如何正确地实现他推定支持的任何美学增强。

我希望激活“可见轨道” - 在sutu 中显示滚动条，无论悬停状态如何 - 并根据页面上下文对其进行适当的样式设置。

目前，除非悬停状态处于活动状态，否则它是不可见的 - 在这种情况下，这就是它的样子：

这是一个完美的滚动条源CSS，来自the commit，其中this particular issues’已关闭GitHub拉取请求：

https://github.com/noraesae/perfect-scrollbar/blob/2222ec5e9109b1f4c4864e65602ba20055f8afc1/src/perfect-scrollbar.css#L16

...我找不到任何关于完美滚动条jQuery API的调用，也没有找到任何关于如何使用CSS设计样式的例子。

如果有人对此有任何实际的，非投机的经验 - 或者更好的是我可以指出的现实工作的例子 - 这将特别有用。

Answer 1

正如亚伯拉罕·乌里韦指出的那样，你可以通过改变不透明度来实现这一目标。如果您只想更改特定滚动条而不更改CSS，则可以使用jQuery使y轨显示：

$("#YOU_DIV_ID").find(".ps-scrollbar-y-rail").css({"opacity":0.5});

或

$("#YOU_DIV_ID").find(".ps-scrollbar-x-rail").css({"opacity":0.5});

使您的x-rail可见。）