homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

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

10+ Year Member

Msg#: 4302677 posted 7:19 pm on Apr 22, 2011 (gmt 0)

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.)



10+ Year Member

Msg#: 4302677 posted 6:29 pm on Apr 23, 2011 (gmt 0)

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.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved