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

prevent page jerking due to scrollbars #247

Open
wants to merge 2 commits into
base: master
Choose a base branch
from

Conversation

cornernote
Copy link

Puts the overflow: hidden; onto the html element instead of the body.

@cornernote
Copy link
Author

NOTE: this only fixes it when the page has enough content that it requires a scrollbar, it causes jerking if the content all fits onto a single page... not sure what to do here...

@cornernote
Copy link
Author

I found a different method to solve this, seems to work no matter if the page already has overflowing content or not...

body {
    margin: 0 !important;
}
.modal-open {
    overflow: visible !important;
}

It's based on a fix for fancybox2:
http://stackoverflow.com/questions/14387524/fancybox-2-scrollbar-disapears-and-site-shifts-to-the-right

May want to add something to the docs about this, apart from that this issue can be closed.

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

Successfully merging this pull request may close these issues.

None yet

1 participant