2012-04-06 4 views
4

自分のサイトにTwitterのBootstrap流体レイアウトを使用しています。私は崩壊/拡大アコーディオンを持ち、セクションの1つの内部に、私は別々にスクロール可能な3つのカラムを持っています。これらの列は現在、コンテンツの高さ全体に拡大されていますが、代わりにビューポート(表示可能なページ)に展開してスクロールバーを表示して残りの部分に移動することができます(まだ表示されていない場合)。 overflow: auto;height: 500px;twitter-bootstrap流体レイアウト内に複数のスクロール可能なセクションを作成する方法

私は高さを設定する必要はありません;:

スクロールバーは私が列を設定している場合に表示されますしかし、私はそれがビューポートに収まるものに設定されることを望みます。

私はビューポートに展開するためにdivの高さを100%に設定できることを理解しています。しかし、それは含有元素の高さに依存しなければならない。私はこれをBootstrap内でどのように処理するのか分かりません。

答えて

2

appart $('#collapseOne').on('shown', sizing());読み込み後にサイズを変更すると、正しくサイズが変更されません。

これはデスクトップ上でかなりうまく動作しています。

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

関連する問題