title: Zurb 4 separately scrollable sections
body: <p>I have a full screen layout based on an answer to a previously asked question:</p>
  
  <p><a href="https://stackoverflow.com/questions/3191006/css-fullscreen-grid-layout-with-some-scrolling-sections">CSS fullscreen grid layout (with some scrolling sections)</a></p>
  
  <p>Wireframe I'm using:</p>
  
  <p><img src="https://i.stack.imgur.com/XbXu3.png" alt="enter image description here"></p>
  
  <p>Edit: This is a very similar layout behavior I'm looking to recreate in Zurb 4 (widths and heights don't need to be fixed though): 
  <a href="http://stevesanderson.github.com/fixed-height-layouts-demo/pane-transitions-tablet.html" rel="nofollow noreferrer">http://stevesanderson.github.com/fixed-height-layouts-demo/pane-transitions-tablet.html</a></p>
  
  <p>Works great, however I am now attempting to model the same/similar layout in Zurb Foundation 4 but having trouble with two things:</p>
  
  <ol>
  <li><p>It's unclear how I might have B and E scroll vertically and independently (think Mail.app layout on a Mac)</p></li>
  <li><p>It's unclear how I might have C and F fixed to the bottom of the screen.</p></li>
  </ol>
  
  <p>Unlike my previous question, I do not plan to have fixed pixel widths for these sections.</p>
  
  <p>Note: <strong>I believe in mobile-first design, but I don't see why any of this would not be considered 'responsive'.</strong>  I do plan to resize and show/hide sections depending on the device and orientation.  But scrolling and full-height sections seem to be missing from Zurb.</p>