滚动后修复背景图像

Question

I need my website background became fixed after background image ends. Here is example: http://jsfiddle.net/cEywp/1/

Any suggestions? Thanks.

Little explanation: I have header and after a 1280x1024 background image, marked as 100% width and height. I need when i scrolling down (when image ends) that image became fixed, not absolute anymore.

EDIT

I did it with scrollToFixed, just added to image. ;)

Answer 1

you can write position:fixed instead of position:absolute .

Check this http://jsfiddle.net/cEywp/4/

It's better if you give image in background instead of IMG.

Check this http://jsfiddle.net/cEywp/5/