Header changes as you scroll down (jQuery)

Question

TechCrunch recently redesigned their site and they have a sweet header that minifies into a thinner version of their branding as you scroll down.

You can see what I

Answer 1

Here's one idea

• Bind to document.body.onscroll event
• onscroll check for the scroll position. if is not at top, replace the image at the bar
• if it as at top, display the other image