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

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

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

CSS：

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

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

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

---

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

$(".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/

---

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

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

Bootply

链接地址: http://www.djcxy.com/p/87825.html

上一篇: Div hidden underneath containing div scrollbar with overflow: scroll set

下一篇: overflow hidden doesnt seem to work in firefox