Problems with this layout
- Chrome will not not remember overflow scroll position (e.g. when navigating back) - Solution: Javascript Store element.scrollTop position using sessionStorage.
- Chrome does not support scrolling snapping - Coming.
- No browser supports anchor linking to sections. (Can be done with JS and Chrome will remember vertical scroll position.)
- Mac Safari 9.3 have a bug so overflow scroll is locked/does not work when navigating back. (Hacky solution: Rerender page / Disable Bfcache.). See the Stack Overflow Issue.
- iOS Mac hide 100vh content behind bottom toolbar because it will consider the viewport height without addressbar and bottom toolbar.
The web site was not tested in Internet Explorer. IE11+ supports scroll snapping.