Twitter Bootstrap Accordion и проблема переполнения выпадающего меню
Я использую Bootstrap для раздела моего сайта. Я смешиваю аккордеон с кнопкой выпадающего меню. Проблема возникает, когда кнопка находится внизу, раскрывающийся список скрыт, поскольку переполнение .accordion-body установлено как скрытое.
Вы можете посмотреть jsfiddle здесь:http://jsfiddle.net/DBQU7/6/
Я сделал то, что вы ожидаете, попытался сделатьoverflow-y:visible
, Но тогда вы можете увидеть результат здесь, он не работает:
(Вы также можете заметить, что раскрывающийся список находится внутри элемента div, который создает полосу прокрутки внутри элемента div вместо того, чтобы просто отображаться.
Я видел этот вопрос, который был похож:Twiiter Bootstrap (Button Dropdown) + Исправлено Div
Но это не решает проблему, как я упоминал выше.
Вопрос в том, как сделать так, чтобы выпадающий список отображался нормально.
Благодарю.
Единственное решение, которое я нашел до сих пор (и я был бы рад оказаться ошибочным), было добавить свойство CSS, которое делало бы переполнение видимым, когда оно было открыто, а затем с помощью сценария JS заставляло его переключаться между видимым и скрытым ... не идеал, но пока ничего лучше.
- Отредактировано - Это на самом деле не очень хорошо работает и не представляется жизнеспособным решением.