Scrolling Header in Jquery

I am trying impl开发者_高级运维ement an scrolling header. I have a background image and when I load the page the image doesnt actually scroll its static...can someone help me please?

The code also has a gallery where the photos appear and dissapear...but the header doesnt scroll (maybe the .css is conflicting or the jqueries are)..where am i going wrong??

I cant seem to post my code here but its on http://forums.asp.net/p/1644211/4261584.aspx#4261584

any ideas please?

I'm not quite sure if I understand what you are trying to do. When you scroll down/up the page do you want your background always to remain where it is (i.e. not scroll with the rest of the content)? In this case you should specify the "background-attachment" CSS property as "fixed", not "scroll" (by the way "scroll" is the default). This is usually, though not always, used for the background of the BODY of the document.

However, I suspect you want the DIV itself to stay at the top of the page, and not move when you scroll. If that is the case see the answer here:

How do you create non scrolling div at the top of an HTML page without two sets of scroll bars

Regards Neil