I'm using Bootstrap 3.1.1 and when I have a page that requires a vertical scroll bar due to a lot of content, Bootstrap shifts the html body over -15px to made room for the vertical scroll bar. This was a big issue for Bootstrap modals but it was fixed in 3.0.1 I believe.
Any ideas, tricks, or hacks to avoid this problem?
The easy fix is to use width: 100% instead. Percentages don't include the width of the scrollbar, so will automatically fit. If you can't do that, or you're setting the width on another element, add overflow-x: hidden or overflow: hidden to the surrounding element to prevent the scrollbar.
Click Start > Settings. Under Windows Settings, scroll down, and then click Ease of Access > Display. Scroll down, and then set Automatically hide scroll bars in Windows to Off.
Make the scroll-bar always visible, so there is no visual jump when going from long pages and back.
CSS:
html {
overflow-y: scroll;
}
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