Div隐藏在包含div滚动条和溢出的下方：滚动设置

Question

我有一些内容被包含溢出设置为滚动的div包装。在div中，我有一排引导下拉按钮。当你到达最靠近div底边的下拉按钮时，下拉区域被div滚动条隐藏。

有没有办法让滚动条上方显示下拉列表？感谢。

更新 我添加了一个非常简单的小提琴，以显示当前正在发生的事情

CSS：

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

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

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

Answer 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/

Answer 2

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

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

Bootply