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
take a look att the 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!
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
take a look att the 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!