Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

A way to improve scrolling performance when using fixed BG images?



7:19 pm on Apr 22, 2011 (gmt 0)

10+ Year Member

I'm using a fixed background image for a site with the common background-attachment: fixed statement.

While it works, I do notice a slight choppiness in scrolling in browsers other than IE (Firefox, Chrome, Safari). It doesn't affect navigation, but the effect is noticeable enough to me that I'm trying to find a way to improve the smoothness of the scrolling while still retaining my fixed background. Are there any CSS tips or tricks I might be overlooking that could improve the scrolling or help optimize browser performance when it's dealing with a fixed background image? I've looked into jQuery as well but I don't know how to implement that and whether it will wind up solving one problem while creating another.

Thanks for any advice! (BTW, I tried resizing he image to a fraction of the size, but the same mild choppiness still results.)


6:29 pm on Apr 23, 2011 (gmt 0)

10+ Year Member

I noticed some sites with fixed images scroll smoothly, while others having horrendous choppiness, and I can't seem to determine why that is. I DO know size doesn't seem to matter, in fact the site that scrolls smoothly was using 2 large images totaling 1 MB in size.

Featured Threads

Hot Threads This Week

Hot Threads This Month