CSS scrollbar-gutter and scrollbar-width are Baseline Newly available
Stay organized with collections
Save and categorize content based on your preferences.
Bramus
Published: Feb 1, 2025
With the scrollbar-gutter property you can reserve space for the scrollbar even when no scrollbar is needed. This prevents a layout shift should a scrollbar become necessary. This property only has an effect when classic scrollbars are used.
Using scrollbar-width you can opt-in to a narrower scrollbar, or even to hide the scrollbar completely without affecting scrollability.
Learn more about scrollbars and how to style them in scrollbar styling.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-02-01 UTC."],[],[]]
