The accepted solution was not working for me. The only way I got it working while still being able to scroll is:
html {
overflow: hidden;
height: 100%;
}
body {
height: 100%;
overflow: auto;
}
More Related Contents:
- Hide scroll bar, but while still being able to scroll
- Google Chrome form autofill and its yellow background
- How to save CSS changes of Styles panel of Chrome Developer Tools?
- Favicon not showing up in Google Chrome [duplicate]
- Resource interpreted as stylesheet but transferred with MIME type text/html (seems not related with web server)
- Google Fonts are not rendering on Google Chrome
- Chrome rendering issue. Fixed position anchor with UL in body
- Turn off Chrome/Safari spell checking by HTML/css [duplicate]
- Stop CSS transition from firing on page load
- canvas default size
- Chrome: Automatic shift of web elements
- Chrome does not expand flex parent according to children’s content [duplicate]
- Prevent scroll-bar from adding-up to the Width of page on Chrome
- How can you hide the arrow that is displayed by default on the HTML5 element in Chrome?
- Different implementation of Flexbox in Firefox and Chrome
- chrome/safari display border around image
- text-decoration not working for visited state link
- 100vh height when address bar is shown – Chrome Mobile
- number input – always show spin buttons
- Is it possible to select multiple elements in the Chrome Developer Tools Elements panel?
- Select size attribute size not working in Chrome/Safari?
- Can I use div as a direct child of UL?
- How to center text vertically with a large font-awesome icon?
- HTML iframe – disable scroll
- Bootstrap 4 row fill remaining height
- CSS Float: Floating an image to the left of the text
- Why doesn’t “margin: auto” center an element vertically?
- z-index not working with position absolute
- Table row won’t contain elements with position:absolute
- How to implement a Navbar Dropdown Hover in Bootstrap v4?