Problems with this layout

  1. Chrome will not not remember overflow scroll position (e.g. when navigating back) - Solution: Javascript Store element.scrollTop position using sessionStorage.
  2. Chrome does not support scrolling snapping - Coming.
  3. No browser supports anchor linking to sections. (Can be done with JS and Chrome will remember vertical scroll position.)
  4. 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.
  5. 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.