Skip to content

Instantly share code, notes, and snippets.

@arjun00231

arjun00231/bs_modal_scroll_fix.css

Created July 15, 2016 12:29
Show Gist options
  • Save arjun00231/34599094d93053a8c522fe8426fde9f8 to your computer and use it in GitHub Desktop.
Save arjun00231/34599094d93053a8c522fe8426fde9f8 to your computer and use it in GitHub Desktop.
Download ZIP
bs_modal_scroll_fix.css
Raw
bs_modal_scroll_fix.css
<style>
body.modal-open > .wrap {
overflow: hidden;
height: 100%;
}
.modal-content,
.modal-dialog,
.modal-body {
height: inherit;
min-height: 100%;
}
.modal {
min-height: 100%;
}
//mozilla fix
@-moz-document url-prefix() {
.modal-body { height: auto; min-height: 100%; }
.modal { height: auto; min-height: 100%; }
.modal-dialog {
width: 100%;
height: 100%;
min-height: 100%;
padding: 0;
margin: 0;
top: 0;
left: 0;
}
.modal-content {
height: auto;
min-height: 100%;
border-radius: 0;
border: 0px solid #000;
margin: 0;
padding: 0;
top: 0;
left: 0;
}
}
</style>
<body>
<div class="wrap">All non-modal content</div>
<div class="modal"></div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment