Фиксированный элемент с переполненным перспективным родительским элементом. ⇐ CSS

[Гость]

У меня возникла проблема: у меня есть родительский элемент с именем home-page-wrapper:

.home-page-wrapper { высота: 100вх; ширина: 100vw; переполнение-у: авто; перспектива: 10 пикселей; стиль преобразования: сохранение-3d; } и эти дочерние элементы, где один является самим содержимым, а другой — фоном, выходящим за пределы родительского элемента, что позволяет прокручивать внутри родительского элемента для эффекта параллакса:

.home-page { положение: фиксированное; высота: 100вх; ширина: 100vw; дисплей: гибкий; оправдание-содержание: центр; выровнять-элементы: по центру; отступы: 30 пикселей 65 пикселей; } .фон { позиция: абсолютная; объектное соответствие: обложка; максимальная ширина: 100vw; z-индекс: -1; преобразование: TranslateZ(-5px) Scale(2); } Я ожидаю, что при прокрутке я хочу, чтобы мой элемент контента был «закреплен» на моем экране, поскольку я установил это значение в position, а мой фон прокручивался вдоль потока в другая скорость благодаря свойству перспективы. скорость прокрутки работает, но проблема в том, что мой элемент контента больше не исправлен. Я заметил это, когда оставлял комментарий:

переполнение-y: авто; перспектива: 10 пикселей; стиль преобразования: сохранение-3d; из родительского элемента или оболочки домашней страницы мой контент работает как обычно, исправлено. Итак, я могу понять, что эти свойства являются причиной того, почему мой элемент контента работает так, как обычно.