-
Notifications
You must be signed in to change notification settings - Fork 1.3k
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
Fixing white space at the bottom #142
Comments
Yes, facing same issue here too |
same here, seems to do the top: wrong :( |
Same problem here! |
I sort have solved it by adjusting some background properties using media queries:
The only issue is if the user adjusts the browser width from > 1024 to < 1024 or vice versa, a page refresh is needed to render properly. I wish there was a way for stellar to be refreshed on a programmatic breakpoint.... |
Weirdly enough, adding a linear gradient on top of the image seemed to have solved the issue for me, like such:
|
Hi, cool plugin.
I've implemented it on a bootstrap install with different scrolling speeds for the elements using
data-stellar-ratio=""
anddata-stellar-vertical-offset=""
However, as the elements are scrolling faster than their natural speed, I am left with white, empty space at the bottom, unless I specify a height for the container with overflow:hidden. I can't really well do that, since this is a responsive website and I would have to specify the height for many viewport sizes.
Is there a way to clip the extra space left at the bottom by faster scrolling elements? Thanks.
The text was updated successfully, but these errors were encountered: