autoHide: "scroll" let scrollbar appear on hover
See original GitHub issueProperty autoHide: "scroll"
should work for both scroll and hover over scrollbar events.
As you can see on the gif below, it only works with the scroll
event. When you hover over a scrollbar it doesn’t show up.
Issue Analytics
- State:
- Created 5 years ago
- Comments:10 (6 by maintainers)
Top Results From Across the Web
Make scrollbars only visible when a Div is hovered over?
One trick for this, for webkit browsers, is to create an invisible scrollbar, and then make it appear on ...
Read more >Scrollbars on Hover - CSS-Tricks
All that aside, here's a way to hide scrollbars by default, only revealing them when the element is hovered. It was created by...
Read more >Hiding Overflow Scrollbars Until Hover (ala Gmail Labels) In ...
CAUTION: I think there are non-trivial user experience (UX) issues when you hide a scrollbar. For one, in some browsers (such as Chrome), ......
Read more >How To Hide Scrollbars With CSS - W3Schools
How To Hide Scrollbars. Add overflow: hidden; to hide both the horizontal and vertical scrollbar. Example. body {
Read more >hide scrollbar show when hover Code Example
html { overflow: scroll; overflow-x: hidden; } ::-webkit-scrollbar { width: 0px; /* remove scrollbar space / background: transparent; ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Alright, I’ve decided that this feature is a bit too special considering the fact that the plugin already offers the
move
andleave
autoHide options.Especially the
move
option is ment to fulfil this rquirement but in a more suited way, because both scrollbars will appear if you move your cursor which leads to a more expected user experience. (Nothing will appear if you hover over a hidden element, instead it appears if you move over the whole element generally) It’s a bit hard to describe for me, but after testing this feature I’ve come to this conculsion.Nevertheless I want to provide a workaround for anyone who wants to use this. Luckily it’s very simple! You have to add only one new CSS rule at the bottom of the plugins CSS file:
I think this is a fair compromise for everyone. If someone has a very good argument and can convince me why this should be added in some way to the options pool (not necessarily as a autoHide possibility but generally as a option - The option would decide that the scrollbar will appear everytime if you hover over it regardless of the autoHide rule) regardless of my argumentation, feel free to comment and we can discuss it together.
Yes, I am a “one man team”, but I’m quite dedicated (most of the time).
In terms of the documentation page, I like to learn and try out new things, so the site was and is more like a playground for me.