Исправлено мерцание элементов положения при прокрутке в Opera

#html #css #opera

#HTML #css #opera

Вопрос:

У меня есть два элемента, которые я использовал position: fixed; для. Они закреплены в правом верхнем углу страницы. Я не видел, как они выглядят в IE, но Safari, Chrome и Firefox выглядят нормально при прокрутке. В Opera элементы немного мерцают при перерисовке. Я должен отметить, что я тестирую это на Mac OS X. Я поискал и нашел похожие проблемы для более ранней версии Firefox. Тогда исправление заключалось в использовании overflow: auto; для элементов. Я попробовал это, и, похоже, это не возымело никакого эффекта. Есть идеи? На самом деле это не смертельная проблема, но определенно раздражает. Рассматриваемый сайт является robertratleph.com.

1. Не видите мерцания в IE9, FF4, GG11, AF5 и Opera11 при прокрутке?

2. Может быть, это потенциально только для Mac? Какую ОС вы используете?

3. Да, я так думаю. Я на Windows 7. Извини, приятель

4. Нет проблем. Спасибо за информацию. Это немного сужает поиск.

5. Вероятно, это зависит от производительности компьютера

Ответ №1:

У меня была такая же проблема в MAC OS 10.7 с Safari. Я добавил

 -webkit-transform: translate3d(0,0,0);

исправлено положение элемента, и это сделало свое дело.

Итак, добавление:

 -o-transform: translate3d(0,0,0);

для фиксированного элемента может потребоваться выполнить эту работу.

1. Это работает в Safari, потому что элементы, преобразованные в 3D, отображаются графическим процессором в Webkit; другие элементы — нет (о боже, эти взломы «запуска аппаратного ускорения» напоминают мне о тех zoom:1 днях). Однако в Opera 3D-преобразования и аппаратное ускорение не имеют ничего общего (в настоящее время они не поддерживаются), так что это, вероятно, вообще не окажет никакого эффекта.