Skip to content

Custom scrollbar width

Wesley Branton edited this page Jun 16, 2021 · 2 revisions

NOTE: This help page only applies to Chromium-based browser (Google Chrome, Microsoft Edge, Opera) users.

Custom Scrollbars offers three preset values for the width of your scrollbar: wide, thin and hidden. However, Chromium-based browsers support setting a custom measurement for the width of your scrollbar.

Support measurement units

Below is a list of the measurement units that the Custom Scrollbars browser extension supports and what they mean:

  • cm - Centimeters
  • em - Unit relative to the font size of the element
  • in - Inches
  • mm - Millimeters
  • pt - Points
  • px - Pixels
  • rem - Unit relative to the font size of the page root
  • vw - Percentage of browser window width

NOTE: To prevent users from making the add-on settings page inaccessible by accidentally setting a scrollbar width that's too large, the width of the scrollbar on the Custom Scrollbars settings page will not appear larger than 50% of the page.

Custom widths in Firefox

Custom widths are currently not available in Firefox due to a limitation in the W3C CSS Scrollbars Module Level 1 standard that Firefox is using. This functionality will be added to the Custom Scrollbars add-on when Firefox supports this feature.