Fixed position elements flicker while scrolling in Opera
I have two elements that I've used position: fixed;
on. They are开发者_StackOverflow fixed to the top-right of the page. I haven't seen what they look like in IE but Safari, Chrome and Firefox all look fine while scrolling. In Opera the elements flicker a bit as they're being redrawn. I should note that I'm testing this on Mac OS X. I searched around and found similar issues for an earlier version of Firefox. The fix then was to use overflow: auto;
on the elements. I gave that a shot and it didn't seem to have any effect. Any ideas? It's not really a killer issue but it's definitely annoying. The site in question is robertratleph.com.
I had the same problem on MAC OS 10.7 with Safari. I added
-webkit-transform: translate3d(0,0,0);
to the element being positioned fixed and it did the trick.
So adding:
-o-transform: translate3d(0,0,0);
to the fixed element might do the job.
精彩评论