With Midnight.js jQuery plugin, you can turn a position:fixed header or logo into different styles as user scrolls down on the page. Based on the demo provided on Aerolab, the fixed position “Midnight.JS” logo gets subtle styling changes as the page scrolls down to different sections. These styling changes were achieved by simply using CSS Sprites that alters the image background position but it’s not limited to this. You can apply virtually any CSS styles to the fixed header. View more to understand how to setup the plugin in your website correctly.

View More   View Demo