我使用this模板在Bootstrap中創建手風琴。如何設置Bootstrap手風琴的最大高度
我可能會有更多的元素,並且無法弄清楚如何在子鏈接div的內容變成可滾動之前設置菜單的最大高度,因爲我的窗口有限。
我已經嘗試過在施加最大高度都#menu
和.list-group.panel
我使用this模板在Bootstrap中創建手風琴。如何設置Bootstrap手風琴的最大高度
我可能會有更多的元素,並且無法弄清楚如何在子鏈接div的內容變成可滾動之前設置菜單的最大高度,因爲我的窗口有限。
我已經嘗試過在施加最大高度都#menu
和.list-group.panel
一個項目38px這樣你就可以設置一個max-height
到.sublinks
div來要顯示這樣的div量如果你想讓兩個使它成爲76px或者你想讓它變成114px等等。另外我還加了overflow: overlay;
,所以你不會看到手風琴外的物品,它還會增加一個滾動條。
這裏是如何讓你的滾動與您所提供的代碼工作的例子。
div.sublinks.collapse {
max-height: 200px;
overflow-y: scroll;
}
http://jsfiddle.net/bjpLL5xn/3/
你會碰到的問題是,當擴張的JavaScript將會使動畫「跳躍」。
有沒有辦法讓動畫跳轉,也可以隱藏滾動條,當它不是必要的 –
@AnžeJenšterle更改overflow-y:滾動到溢出-y:首先我會必須再次查看跳躍問題。 –
你可以把你的代碼改編版本的jsfiddle嗎? –
另外,除了最大高度以外,還需要在容器上放置overflow-y:auto以使其滾動(如果它尚未應用)。 –
@Dontfeedthecode我添加了小提琴 –