Welcome to WebmasterWorld Guest from 54.145.222.231

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.