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

Dropdown Div hidden underneath container div scrollbar

有没有办法有一个下拉列表显示滚动条以上？谢谢。

UPDATE： 我添加了一个非常简单的小提琴展示什么是目前发生的事情

CSS：

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

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

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

来源

2013-11-23 Gnex

尝试在下拉含量越高'Z-index'。另外尝试设置'overflow-y：visible;'。 – mdesdev

你可以做一个快速小提琴吗？ – Ruddy

我用JS小提琴的链接更新了这个问题。谢谢 – Gnex

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

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

Bootply

来源

2013-11-23 22:17:49 ZimSystem

我看到了你的Bootply响应。这是否也适用于BootStrap 2？ – Gnex

是的..应该。 – ZimSystem

我用JSFiddle更新了原来的问题。谢谢 – Gnex

我试图解决同样的事情，这对我的作品：

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

来源

2014-06-13 19:12:49 Denk

我会尝试。谢谢。 – Gnex

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

回答

Bootply

相关问题