Scroll down a bit on this Bootstrap 3.0 (WIP) page to the 'Launch Demo Modal'.
http://bs3.codersgrid.com/javascript/#modals
Notice a second vertical scroll bar appears. Why?
/*remove double scrollbar*/
body.modal-open { overflow: hidden!important; }
Because of the CSS style being applied to the element:
.modal {
bottom: 0;
display: none;
left: 0;
overflow-x: auto;
overflow-y: scroll; /* <--- this guy right here */
position: fixed;
right: 0;
top: 0;
z-index: 1040;
}
Explicitly setting an overflow property to scroll
will cause the browser to display a scrollbar whether there is overflow or not.
Completely remove the html tag from your style sheet. This will fix it.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With