2015-11-22 83 views
1

我使用this模板在Bootstrap中創建手風琴。如何設置Bootstrap手風琴的最大高度

我可能會有更多的元素,並且無法弄清楚如何在子鏈接div的內容變成可滾動之前設置菜單的最大高度,因爲我的窗口有限。

JSFiddle

我已經嘗試過在施加最大高度都#menu.list-group.panel

+0

你可以把你的代碼改編版本的jsfiddle嗎? –

+0

另外,除了最大高度以外,還需要在容器上放置overflow-y:auto以使其滾動(如果它尚未應用)。 –

+0

@Dontfeedthecode我添加了小提琴 –

回答

2

一個項目38px這樣你就可以設置一個max-height.sublinks div來要顯示這樣的div量如果你想讓兩個使它成爲76px或者你想讓它變成114px等等。另外我還加了overflow: overlay;,所以你不會看到手風琴外的物品,它還會增加一個滾動條。

Jsfiddle

1

這裏是如何讓你的滾動與您所提供的代碼工作的例子。

div.sublinks.collapse { 
    max-height: 200px; 
    overflow-y: scroll; 
} 

http://jsfiddle.net/bjpLL5xn/3/

你會碰到的問題是,當擴張的JavaScript將會使動畫「跳躍」。

+1

有沒有辦法讓動畫跳轉,也可以隱藏滾動條,當它不是必要的 –

+0

@AnžeJenšterle更改overflow-y:滾動到溢出-y:首先我會必須再次查看跳躍問題。 –