我有一些被溢出設置爲滾動的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

相關問題