您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

Bootstrap下拉列表受溢出:隐藏容器的限制,如何更改容器?

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());
});
其他 2022/1/1 18:14:27 有451人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶