【问题标题】：Div hidden underneath containing div scrollbar with overflow: scroll set隐藏在下面的 div 包含带有溢出的 div 滚动条：滚动集
【发布时间】：2015-12-03 18:38:15
【问题描述】：

我有一些内容由 div 包裹，溢出设置为滚动。在那个 div 里面，我有一排引导下拉按钮。当您到达最靠近 div 底部边缘的下拉按钮时，下拉区域会被 div 滚动条隐藏。

有没有办法在滚动条上方显示下拉菜单？谢谢。

更新： 我添加了一个非常简单的 Fiddle 来显示当前正在发生的事情

CSS：

div.container
{
    height: 200px;
    overflow: auto;
}

table#fiddleTable th
{
    white-space: nowrap;
}

http://jsfiddle.net/Gnex/8GAc3/

【问题讨论】：

在下拉内容上尝试更高的z-index。也尝试设置overflow-y: visible;。
你能快点提琴吗？
我用 JS Fiddle 的链接更新了问题。谢谢
@Gnex 你是如何解决你的问题的？我没有使用 Bootstrap，但我有同样的问题（我的表格单元格内的下拉菜单的内容被 div 滚动条隐藏）。我看到了 Skelly 的回复，但我认为这不是一个好的解决方案，也没有解决我的问题
@Ninita Denk 下面给出了一个回复，我将尝试在我的解决方案中使用。一旦我测试过这个问题，我会更新它。

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

我试图解决同样的问题，这对我有用：

$(".dropdown-toggle").click (e) ->
menu = $(this).next(".dropdown-menu")
menuPositionY = e.clientY + menu.height() + 180
#check if dropdown exceeds the Y coordinate of viewport
if $(window).height() < menuPositionY
  menu.css
    top: "auto"
    bottom: "100%"
else
  menu.css
    bottom: "auto"
    top: "100%"

检查 jsfiddle 更新：http://jsfiddle.net/8GAc3/6/

【讨论】：

我要试试。谢谢。

【解决方案2】：

您可以使用 CSS 重新定位下拉菜单..

.dropdown-menu{
    left:40px;
    top:-10px;
}

Bootply

【讨论】：

我看到了您的 Bootply 回复。这也适用于 BootStrap 2 吗？