Forums

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

Home Forums CSS How to make header height change when scrolling

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #42318
    jshjohnson
    Member

    Hello,

    http://engageinteractive.co.uk/case-studies

    Does anyone know how the header of the above website changes height when you scroll down a certain amount of the page?

    I am trying to create a similar effect for a client but not sure how it is being done.

    Cheers

    #122603
    CarlRosell
    Participant

    take a look att the [scrollMonitor](https://github.com/sakabako/scrollMonitor “scrollMonitor”) plugin. might find some cool answers.

    #122605
    CarlRosell
    Participant

    if you check that engage.js with your debugger you will find a triggerpoint set to about 65px. and then a listener for scroll events. if the scroll is higher than the triggerpoint the css for the nav is changed.
    hope i didnt confuse you too much!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.