2012-04-06 4 views
4

Ich benutze Twitter Bootstrap Fluid Layout für meine Website. Ich habe ein Akkordeon zum Einklappen/Erweitern und in einem der Abschnitte habe ich drei Spalten, die ich gerne separat scrollen könnte. Diese Spalten werden derzeit auf die volle Höhe ihres Inhalts erweitert, aber ich möchte stattdessen, dass sie auf das Ansichtsfenster (sichtbare Seite) erweitert werden und eine Bildlaufleiste anzeigen, um zum Rest zu gelangen (wenn es nicht bereits alles sichtbar ist).Wie man mehrere Scroll-fähige Sektionen innerhalb eines Twitter Bootstrap Fluid Layouts erstellt

Die Scrollbalken angezeigt wird, wenn ich die Spalte zu setzen: overflow: auto;height: 500px;

Ich will nicht die Höhe einzustellen; Ich möchte jedoch, dass es auf das gesetzt wird, was in das Ansichtsfenster passt.

Ich verstehe, dass Sie die Höhe eines div auf 100% setzen können, um zum Ansichtsfenster zu erweitern; Es hängt jedoch von der Höhe der enthaltenen Elemente ab. Ich bin mir nicht sicher, wie ich mit Bootstrap damit umgehen soll.

Antwort

2

appart $('#collapseOne').on('shown', sizing()); Größe nicht richtig ändern, wenn Sie die Größe nach dem Laden ändern.

Das funktioniert ziemlich gut auf dem Desktop.

http://jsfiddle.net/baptme/MwzvD/17/

Verwandte Themen