The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › How to achieve this header effect
Hello, I have a question about a nice little effect i noticed on a website.
On this theme: http://demo.qodeinteractive.com/subway/
When scrolling down the header automatically resizes (and logo), but it still stays fixed. – How is this achieved?
Looks like there’s a little Javascript that detects the scrolled position of the page and then based on that, sizes some contents in the header from 60px height to 40px height.
Damn… that’s one good looking theme :O
