Невозможно прокрутить выпадающее меню в навигационной панели Bootstrap
У меня есть довольно простая домашняя страница, которая в настоящее время содержит панель навигации с двумя выпадающими меню. Одно из меню содержит большое количество записей, но оно не позволяет мне прокрутить список до конца.
Я создал навигационную панель с фиксированной вершиной и брендом navbar-brand, ссылкой home и двумя выпадающими меню. Одно из меню короткое - всего 2 пункта, а другое содержит около 32 пунктов.
Все отображается нормально, но когда я открываю большее из двух меню, оно отображает большинство пунктов, но не позволяет мне прокручивать остальные.
Я ожидал, что навигационная панель останется закрепленной в верхней части страницы, в то время как я мог бы прокрутить до самого низа большое меню.
Это может произойти из-за того, что высота вашей страницы меньше, чем высота пунктов меню. Поэтому, когда вы щелкаете по меню, дополнительные меню скрываются и не доступны для прокрутки.
Попробуйте это :
html, body
{
height: 100%;
}
или установите минимальную высоту для тела на 100%
body {
min-height: 100%;
}
Если оба варианта не работают, попробуйте установить фиксированную высоту для выпадающего меню и заставить его прокручиваться.
.dropdown-menu{
max-height:300px;
overflow-y: scroll;
}