CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.
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.
take a look att the [scrollMonitor](https://github.com/sakabako/scrollMonitor “scrollMonitor”) plugin. might find some cool answers.
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!
You must be logged in to reply to this topic.
Search for Stuff
Browse the Archives
Get the Newsletter
... or get the RSS feed