Overflow html/body auto

[mhulse]

This makes the scroll bar appear when needed:

html,
body {
    overflow-x: hidden;
}
html {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

This always makes the scrollbar appear if you don’t want the page to jump when overflow occurs:

html,
body {
    overflow-x: hidden;
}
html {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

I find that the above is useful for responsive sites when content may overflow the main container and cause horizontal scroll and/or layout issues. Using the above ensures that the overflow of said rogue element doesn’t cause too much layout chaos.

Important: Add -webkit-overflow-scrolling: touch; to html if you want iOS to scroll without being choppy.