Firefox 3.5 fixed-position scrolling annoying flicker

views:

2039

answers:

+5 Q:

Firefox 3.5 fixed-position scrolling annoying flicker

Please try to scroll down this page with the newest version of Firefox (3.5) http://resopollution.com/rentfox/html5/dashboard.html

Is there any way to fix the flickering?

Thanks in advance for help!

Solution Found

you have to add overflow:auto on all flickering divs using position: fixed version here: http://resopollution.com/rentfox/html6/dashboard.html

You could use JavaScript that will make your fixed elements float with smooth animation.

Also, don't forget to inform Mozilla about this.

PS. I think this is because you used to much images. They make it slow and memory-consuming.

Time Machine 2009-07-22 17:33:34

Could you provide a link to the JavaScript example you are talking about?

resopollution 2009-07-22 19:30:40

I saw this on a website sometime, I don't exactly know the code. But with jQuery you can create an animation which changes the position to the scroll position. See http://www.javascriptkit.com/javatutors/static2.shtml for more information about how to determine the scroll position.

Time Machine 2009-07-23 07:19:14

+3 A:

Found a solution. If you are experiencing this problem, add overflow:auto to the element that has the position: fixed property.

resopollution 2009-07-23 07:20:39

Can you show an example of this? I went back to the same link and it still shows the flicker. I'm curious as to how this fixed the issue, and I'd like to learn more as I've been avoiding fixed divs for that very reason.

NateDSaint 2009-07-23 14:20:17

See my original post, I posted a URL of the broken one and URL of fixed one

resopollution 2009-07-23 20:00:13

Excellent! It looks like the way it rendered it before was that it redrew them at different times because of the overflow properties. From what I've read, you can get the same effect if you put overflow:hidden on both, but then the scrolling would behave differently (although in FF3.5, the page would still scroll properly, as the body content would exceed the limit of the view, which would be determined by the div that was oversized). +1 for self-learning!

NateDSaint 2009-07-24 20:57:08

Works like Magic! Many thanks :)

Crimson 2009-11-30 11:51:42

ansaurus

tags:

views:

answers:

Firefox 3.5 fixed-position scrolling annoying flicker

related questions