question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

autoHide: "scroll" let scrollbar appear on hover

See original GitHub issue

Property 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.

2

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:10 (6 by maintainers)

github_iconTop GitHub Comments

3reactions
KingSoracommented, Feb 8, 2019

Alright, I’ve decided that this feature is a bit too special considering the fact that the plugin already offers the move and leave 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:

.os-scrollbar {
    pointer-events: auto;
    visibility: visible;
}

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.

1reaction
KingSoracommented, Jan 23, 2019

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found