Сохранять внутреннюю тень в контейнере ⇐ CSS

[Anonymous]

Я работаю над проектом реагирования с Tailwind CSS, где у меня есть блок div (с внутренней тенью), действующий как контейнер для прокручиваемой страницы. На странице есть элементы, которые при прокрутке прилипают к верху. Это влияет на внутреннюю тень контейнера. Я не могу изменить положение липких элементов, так как хочу, чтобы прокручиваемые элементы медленно исчезали. Я вставил фрагменты ниже. Заранее спасибо.
Блок контейнера div:

Код: Выделить всё

Прикрепленный блок:

Код: Выделить всё

      

Agent Hub 


 setSearchTerm(e.target.value)}
/>

Я пробовал вмешиваться в z-index, но это было бесполезно.


Подробнее здесь: https://stackoverflow.com/questions/791 ... -container