Почему backface-visibility: hidden фиксит блики в хроме?

Наверное, большинство знает, как фикситься баг с бликами в хроме для фиксировано спозиционированных элементов. Я говорю о backface-visibility: hidden.
Так вот, почему и как это срабатывает?
  • Вопрос задан
  • 223 просмотра
Решения вопроса 1
Ronnie_Gardocki
@Ronnie_Gardocki
Я у мамы фронтендщик.
Итак, постараюсь ответить, пускай и топорно.
Конкретно причину возникновения багов с position: fixed при скролле я не знаю, хотя с ним и сталкивался частенько (но думается мне, что хром при скролле заново отрисовывает фиксированный элемент).
А фиксится он с помощью backface-visibility: hidden потому, что когда вы применяете к элементам свойства opacity/transform (и то что относится к трансформам, собственно backface-visibility), то браузер создает для этих элементов отдельный слой ?лэйаута? (не уверен в том, конкретно слой чего создается). И благодаря этому браузер не перерисовывает элемент заново при каждом скролл-ивенте (что убирает эффект моргания в хроме).
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@aftemaht
Уже писали об этом на хабре
habrahabr.ru/post/171813
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы