I would like my page header to change from a transparent background to a white background as the user begins scrolling the page. But how>?>>?

Is it possible to design the header to match each page? For an example: Homepage is using transparent background to look good with a background image with the first homepage block (wide +...