【问题标题】:Is it possible to open bootstrap dropdown on top of overflow div?是否可以在溢出 div 顶部打开引导下拉菜单?
【发布时间】:2014-06-08 12:13:00
【问题描述】:

我在模态框内有一个 bootstrap 3 下拉菜单。问题是当我打开下拉菜单时,下拉菜单被模态div的末尾剪掉了,像这样:

是否可以像一些插件(如 selectize 或 bootstrap select)一样分配下拉菜单的父容器。或者有没有其他方法可以在模式顶部制作下拉菜单?

【问题讨论】:

  • “或者有没有其他方法可以在模式顶部制作下拉菜单?” - 你可以尝试调整下拉元素的z-index
  • 您可以使用 CSS 设置这些元素的 z-index 值。不要忘记为两者设置位置,否则它可能不起作用(在你的情况下,我相信“相对”)

标签: jquery css twitter-bootstrap twitter-bootstrap-3


【解决方案1】:

您希望覆盖引导程序的模态溢出规则,它们是:

.modal {
    overflow-x: auto;
    overflow-y: scroll;
}

也许给你的模态一个 ID 值并定义一个规则,如:

#yourID.modal {
    overflow-x: visible;
}

【讨论】:

  • 我确实需要在我的模态中滚动
  • 我已经编辑了我的答案,所以它只会在 x 轴上显示溢出,y 轴上的溢出会正常滚动
【解决方案2】:

也许您的问题正在解决...
试试这个..

.dropdown-menu{
  top: auto;
  bottom: 100%;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-05-16
    • 2017-09-21
    • 1970-01-01
    • 2020-05-02
    • 1970-01-01
    • 1970-01-01
    • 2017-07-22
    相关资源
    最近更新 更多