title: 100% Height Off-Canvas Foundation 5
body: <p>I'm using Foundation and have a series of sections at height: 100%. </p>
  
  <p>I'm using the off-canvas menu but it's only matching the height of the first section / the viewport. So once I scroll, the off-canvas menu is no longer aligned to the height of the viewport.</p>
  
  <p>It's a similar issue to <a href="https://stackoverflow.com/questions/20158607/foundation-5-off-canvas-full-height-of-device">Foundation 5 off-canvas full height of device</a>.</p>
  
  <p>I'm ending up with this:</p>
  
  <p><a href="https://i.imgur.com/GOxxWf9.png" rel="nofollow noreferrer">All good</a> </p>
  
  <p><a href="https://i.imgur.com/257zzGR.png" rel="nofollow noreferrer">After scrolling down to next section</a></p>
  
  <p>I think it can be solved by to adding position: fixed to left-off-canvas-menu, but that's not working. </p>
  
  <p>It's driving me mad.</p>