CSS Неверное поведение прокрутки в Chrome после использования scale () с преобразованием - PullRequest
0 голосов
/ 25 сентября 2018

Я столкнулся с проблемой при попытке реализовать эффект параллакса в CSS:

У меня установлен на перспективу 2px, а затем

со стилем:

transform: translateZ(-4px) scale(3); height: 500px;

Проблема в том, что, хотя в Firefox все выглядит и ведет себя просто отлично, в Chrome поверх размытого текста внутри элемента div тело будет прокручиваться, как если бы элемент не был преобразован до масштабирования!

Так что, если я просто удалю перспективу тела, прокручиваемая область останется точно такой же, даже если при применении перспективы, элемент на самом деле меньше, чем предлагает масштаб, из-за translateZ (с масштабом егодо 100%).

«Рабочее» преобразование (оно не увеличивает прокручиваемую область, потому что содержимое после элемента

имеет достаточно большую высоту) будет transform: translateZ(-0.5px) scale(1.25);, но это также изменяетэффект параллакса, поэтому я хотел бы сохранить предыдущий!

Буду признателен за любую помощь в этом вопросе.

С уважением,

tagelicht

...