Navigation Menu

Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

The content is not being scrolled when the mouse is over the scrollbar #322

Closed
SourceCipher opened this issue Apr 5, 2021 · 7 comments
Closed

Comments

@SourceCipher
Copy link

SourceCipher commented Apr 5, 2021

Describe the bug
When you hover over the scrollbar or its area, using mouse scroll wheel, the content is not scrolled as it should be

To Reproduce
Any demos from https://kingsora.github.io/OverlayScrollbars/#!demos

Expected behavior
It should not matter if you hover over the scrollbar, it should always scroll, same as the default scrollbars do or at least have an option to support this

@KingSora
Copy link
Owner

KingSora commented Apr 5, 2021

Good day @SourceCipher

I believe this is a duplicate of #128. I'm not sure whether I can do something about it, but I'll try figuring something out.

@SourceCipher
Copy link
Author

Sorry for the duplicate.

Can you share the solution which can fix this issue even if its only for the webkit? Our project is considering only webkit anyway so that would be a workaround as it seems like this is a big issue as it doesnt work as a native scrollbars and it would be a shame to throw this library away as it the best one which actually works for us from the other many we tried.

Great library, keep it up!

@KingSora
Copy link
Owner

KingSora commented Apr 5, 2021

The solution I was trying out was to listen to the wheel event on the .os-scrollbar element and as soon as it fired I set the pointer-events of .os-scrollbar elements to none. After a certain time of not scrolling anymore the pointer-events were set to auto again.

That was like the first idea I got, maybe there is a better approach which also works for Firefox etc.

@KingSora
Copy link
Owner

KingSora commented Apr 5, 2021

@SourceCipher I've created a small POC for you: https://jsfiddle.net/mjxokuyv/

Its funny, somehow it now also works in Firefox.. does it also work for you?

@SourceCipher
Copy link
Author

@KingSora Its working great on my Opera. I tested even on the MS Edge and it works. I think thats a good workaround

@KingSora
Copy link
Owner

KingSora commented Apr 8, 2021

@SourceCipher Alright, thanks for your feedback! I'll try to implement it in the next release and in v2.

@KingSora
Copy link
Owner

This should be fixed in v2 which released today :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants