Есть ли какое-либо обходное решение CSS для закрепления позиции и переполнения родительского элемента? ⇐ Javascript

[Гость]

Я борюсь с проблемой, из-за которой не работает фиксированная позиция, если для родительского элемента для свойства переполнения установлено значение auto. Я пробовал много вещей, таких как добавление дополнительной оболочки для элемента со свойством Sticky, использование клипа вместо auto, но ничего из этого не помогло. Я нашел решение с применением некоторого js-скрипта, но я бы предпочел использовать чистый CSS, если это возможно.

Блаблабла блаблабла блабла И CSS:

.wrapper { поле сверху: 30 пикселей; дисплей: сетка; сетка-шаблон-столбцы: 200 пикселей авто; ширина: 100%; максимальная высота: 30vh; переполнение-у: авто; положение: относительное; } .левый { цвет фона: шоколадный; } .верно { цвет фона: зеленовато-желтый; высота: 50вх; переполнение-х: авто; положение: относительное; } .header { высота: 20 пикселей; ширина: 100%; цвет фона: черный; положение: липкое; верх: 0; белый цвет; } .стол { ширина: 2000 пикселей; } Я создал небольшой пример для эксперимента: https://stackblitz.com/edit/react-start ... ipt-yrmmde

Я хочу добиться того, чтобы правый заголовок был закреплен, но правый контейнер в то же время должен прокручиваться по оси X