Выберите ввод ниже. Прикрепленный заголовок появляется над заголовком при прокрутке. ⇐ CSS

[Anonymous]

Я сделал липкий заголовок вверху, используя класс top-8, чтобы освободить место между верхней частью страницы и заголовком. При прокрутке заголовок остается на месте, а содержимое под ним прокручивается.
[img]https://i.sstatic. net/48JpAiLj.png[/img]

Весь контент под заголовком хорошо скрывается при прокрутке, но эти выбранные элементы ввода — нет. Я присмотрелся повнимательнее, и это потому, что я использовал собственный стиль для элемента выбора, чтобы получить значок стрелки. Я установил контейнер как относительный, а затем абсолютно расположил стрелку внутри него с правой стороны.
Это мой код для компонента заголовка:

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

......other content

Это мой код для элемента выбора:

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

{
options.map((option) => (

{option.label}

))
}

Я попробовал установить фиксированное положение заголовка. Я попытался установить z-индекс 100 для заголовка и 0 для элемента выбора, но все эти параметры не работают.

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