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

scrolling broken on chrome #3

Open
titoasty opened this issue Jan 5, 2016 · 5 comments
Open

scrolling broken on chrome #3

titoasty opened this issue Jan 5, 2016 · 5 comments

Comments

@titoasty
Copy link
Contributor

titoasty commented Jan 5, 2016

I forced scrolling to be visible on chrome and it's quite ugly :
scrolling_chrome

The problem seems to come from the fact that the slider is stretched..

@titoasty
Copy link
Contributor Author

titoasty commented Jan 5, 2016

You should probably use a repeatable background for the scrollbar and use css for the rounded border

@titoasty
Copy link
Contributor Author

titoasty commented Jan 6, 2016

After some research, there is strictly no native way to have custom scrollbar on ALL browsers.
So... whether you decide to use a javascript library, or no style. But it can't be only a scrollbar style only for chrome...

@seanohue
Copy link

This may be related or its own issue, but the scrolling is kind of jerky on chrome.

@RonenNess
Copy link
Owner

RPGUI shouldn't affect the way the page scroll (I barely touch the scrollbars, just adding some CSS rules for them).
Could you test and see if it happens without RPGUI? eg leave the page as it is and just don't include the css / js? I suspect there may be something else causing the jerkiness.

PS by default RPGUI elements have fixed position so they usually don't scroll. are you talking about jerkiness of other elements or RPGUI stuff?

Thanks :)

@green6060
Copy link

green6060 commented Aug 27, 2018

I'm a little late here, but just tampering with this awesome library. It seems there is no default scrolling whatsoever, while RPGUI elements are present. The problem is in the "position: fixed;" in the .rpgui-content and .rpgui-container, of rpgui.css. If "position: fixed" is removed from both, the browser default scrolling is present. This seems to be the easiest fix I think. I tampered with simply cramming the elements into one row (using flexbox) so that scrolling wouldn't be necessary, and while it worked on my project on a larger screen, it's not really practical for a mobile view.
fixed_pos_break_scroll
fixed_pos_break_scroll_2
no_scroll_after
no_scroll_before

PS: The top two photos show the CSS in question, the bottom two photos show my project before removing the fixed position, and after.

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

No branches or pull requests

4 participants