How to show scrollbar on hover only without any layout shift?
front-endI have a sidebar+content layout and I want to show scrollbar in sidebar only on hover.
So by default it does layout shifting, then I used
but it removes my padding to the right.
On macos scrollbars are hidden by default so even if i use stable gutter + padding-right in sidebar, it'll look normal
but this same css would look double padding on other OS's like windows or linux
how to resolve this? I see component libraries like reka-ui making a scroll component for this but i want to know if its possible to just do with css?
https://codepen.io/sidhanth-rathod/pen/ByzpGBb
So by default it does layout shifting, then I used
scrollable-gutter: stablebut it removes my padding to the right.
On macos scrollbars are hidden by default so even if i use stable gutter + padding-right in sidebar, it'll look normal
but this same css would look double padding on other OS's like windows or linux
how to resolve this? I see component libraries like reka-ui making a scroll component for this but i want to know if its possible to just do with css?
https://codepen.io/sidhanth-rathod/pen/ByzpGBb
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
