Я пытаюсь создать раздел сайта, в котором есть раскрывающиеся меню в прокручиваемом разделе. Прокручиваемый раздел переполняется в направлении Y, поскольку в нем будет неизвестное количество элементов. У каждого элемента есть свой раскрывающийся список, который позиционируется абсолютно.

В идеале в этой демонстрации (ссылка ниже), щелкнув строки 11 или 12, я смогу сделать так, чтобы раскрывающийся список с абсолютным позиционированием не учитывал переполнение родительского элемента (т.е. он не обрывался). Возможно ли этого достичь?

https://ik9u2.csb.app/

редактировать исходную ссылку на коды и ящик: https://codesandbox.io/s/ капризный-нётер-ik9u2

0
user11633030 13 Дек 2019 в 00:53

1 ответ

Измените класс dropdown-item на фиксированную позицию, чтобы он не был скрыт прокруткой

Затем, чтобы выровнять раскрывающийся список с помощью кнопки, удалите верхнее и левое значения, заданные для класса dropdown-item, и установите для раскрывающегося класса для диапазона span значение inline-block, чтобы раскрывающееся окно отображалось под кнопкой. Если вы хотите оставить раскрывающийся список окно над кнопкой, как у вас сейчас, вместо этого используйте inline-grid

0
Udendu Abasili 13 Дек 2019 в 01:21