Иногда случается так, что выпадающее меню скрывается родительским контейнером. Предлагаем небольшое решение через js.
<div class="bs-example">
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Default <span class="caret"></span></button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
</div>
$('.dropdown-toggle').click(function (){
dropDownFixPosition($('button'),$('.dropdown-menu'));
});
function dropDownFixPosition(button,dropdown){
var dropDownTop = button.offset().top + button.outerHeight();
dropdown.css('top', dropDownTop + "px");
dropdown.css('left', button.offset().left + "px");
}
.bs-example
{
margin: 30px;
height: 120px;
overflow: scroll;
}
.dropdown-menu{
position:fixed;
}
.button{
height:30px;
}
- Семенов Александр
- /
- 15 февр. 2017 г.
- /
- 0
- /
- 10734
Популярное
С наступающим Новым годом и Рождеством !
- 30 дек. 2022 г.
Микроразметка SaleEvent
- 23 нояб. 2022 г.
Продолжаем совершенствовать инструменты интернет-магазина
- 27 окт. 2022 г.
Маркировка рекламы с 1 сентября 2022. Подготовьтесь заранее
- 26 авг. 2022 г.
Все комментарии (0)