开发者

Fixed position elements flicker while scrolling in Opera

开发者 https://www.devze.com 2023-03-03 23:51 出处:网络
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 l

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.

0

精彩评论

暂无评论...
验证码 换一张
取 消