Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Columns Grow as Header is Scrolled Out of View

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #45264
    Matthew Skiles
    Participant

    CodePen Link: [http://codepen.io/seraphzz/pen/ojzBr](http://codepen.io/seraphzz/pen/ojzBrhttp://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.

Viewing 1 post (of 1 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.