CodePen Link: [http://codepen.io/seraphzz/pen/ojzBr](http://codepen.io/seraphzz/pen/ojzBr “http://codepen.io/seraphzz/pen/ojzBr”)
OK. This is something I’ve never seen done before, but I’m hoping one of you Genius’s out there will know exactly how to achieve it :)
I have a Toolbar, a Header, and then 3 Full Height Columns. What I need is if I start scrolling in any of the 3 columns, the Header will scroll out of view and the 3 Columns will grow to fill the space where the Header was. And then if I scrolling back up to the top, the header will come back into view and the 3 Columns shrink back to their original height. The Toolbar will always appear at the top of the screen, regardless of the scrolling.