приложение, которое я пишу, состоит из множества маршрутов с анимацией перехода между маршрутами. Похоже:
<section class="a animated bounceUp">...</section>
<section class="b">...</section>
Когда я изменяю маршрут, он показывает анимацию и отображает новый контент - довольно простое поведение.
Сегодня я создал новый раздел, и мне нужно поместить внутри фиксированные фильтры, прикрепленные к области просмотра. Это должно выглядеть так:
<section class="a">...</section>
<section class="b">...</section>
<section class="c animated bounceDown">
<div class="fixed-filters">...</div>
<div>...</div>
</section>
И тут я встретил свою проблему. Я добавил фиксированную позицию в div, но это не работает. Элемент не имеет фиксированной позиции.
Конечно, я исследовал это и нашел такие статьи, как:
'transform3d' не работает с положением: фиксированные дочерние элементы
а также
https://www.achrafkassioui.com/blog/position-fixed-and-CSS-transforms/
Что говорит, что я не могу этого сделать, потому что:
'transform' создает новую локальную систему координат:
В пространстве имен HTML любое значение, отличное от none, для преобразования
приводит к созданию как контекста стека, так и содержащего
блок. Объект действует как содержащий блок для фиксированной позиции
потомки.
Это закончилось? Или, может быть, есть какое-то решение, как это сделать?
Я буду благодарен за вашу помощь в решении этой проблемы или в поиске хорошего обходного пути, который любой может использовать.