javascript - 隐藏在包含 div 滚动条的下方的 Div 溢出 : scroll set

Question

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

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

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

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/