Search code examples
jqueryhtmlcssperfect-scrollbar

How to customize perfect-scrollbar width

I am using perfect-scrollbar. The documentation says, that the scrollbar is fully customizable, but there is no such setting like width

This is how it looks default: default scrollbar width, and it is only 8px width.

But I need at least 12px: desired scrollbar width[3]

How to achieve this?

Solution

  • Change the CSS:

    Width and height.

    There's no harm in including your own stylesheet, in fact, it's expected. That way you can style it however you want (not just thickness of the bar, but color and so on). Just download the unminimized verison from GitHub and include it on your page with any tweaks you want.

    Or you can override the values with javascript/jQuery.