Как определить раскрывающийся список должен показывать направление вверх или вниз - PullRequest
0 голосов
/ 21 февраля 2019

Я пытался создать выпадающий компонент.

До сих пор я сталкивался с проблемой, что выпадающий список слишком длинный, поэтому я стремился отобразить его в направлении вверх.Я знаю, что Bootstrap имеет ту же функцию, но я хочу сделать это самостоятельно.Любые предложения или ключевые слова?

Спасибо

ОБНОВЛЕНИЕ:

Я не пользуюсь никакой библиотекой.Просто обратитесь к Bootstrap, который достиг цели.Эти фотографии являются просто примерами downward

upward

1 Ответ

0 голосов
/ 21 февраля 2019

Это компонент Bootstrap:

https://getbootstrap.com/docs/4.0/components/dropdowns/

По умолчанию открывается в нижней части.Открытие сверху определяется установкой элемента .dropup в качестве родительского элемента .dropdown-menu.Это описано в документации Bootstrap под выпадающим вариантом .

Bootstrap использует js и popper.js для поведенческих аспектов выпадающих меню.

ЕслиВы не хотите использовать Bootstrap, использовать его в качестве справочного материала или полагаться на один из миллиона бесплатных учебных пособий / примеров, доступных в Интернете.Вот несколько примеров.

Решение только для CSS:

https://css -tricks.com /olved-with-css-dropdown-menus /

JS:

https://codepen.io/pedronauck/pen/fcaDw

http://cssmenumaker.com/blog/javascript-drop-down-menu-examples/

...