如果有人对此解决方法感兴趣,bootstrap下拉列表有一个show.bs.dropdown事件,您可以使用它将dropdown元素移到overflow:hidden容器之外。
$('.dropdown').on('show.bs.dropdown', function() {
$('body').append($('.dropdown').css({
position: 'absolute',
left: $('.dropdown').offset().left,
top: $('.dropdown').offset().top
}).detach());
});
如果您希望在关闭下拉列表后将元素移回其所属的位置,还会发生hidden.bs.dropdown事件:
$('.dropdown').on('hidden.bs.dropdown', function() {
$('.bs-example').append($('.dropdown').css({
position: false,
left: false,
top: false
}).detach());
});
这是一个工作示例:
07000