私が今抱えている問題は、twitterのブートストラップの接辞とcssのオーバーフローに関係しています。
詳細
41ピクセルのブートストラップナビゲーションバーを上下に固定しています(ヘッダー/フッターに使用)。
div.container-fluid
メインコンテンツ本体として使用されます。position: absolute
ヘッダーとフッターの間に配置するために使用しoverflow-y: scroll
、オーバーフローしたコンテンツをスクロールする必要があります。
div.side-bar
ページの左側のサイドナビゲーションとして使用され、にネストされますdiv.span3
。jqueryを使用して、サイドナビゲーションの接辞を呼び出します。
問題
に追加overflow-y: scroll
するとdiv.container-fluid
、正しい場所にスクロールが表示されます...しかし、接辞は適用されません(アクションに基づく)
しかし、overflow-y: scroll
完全に削除すると、スクロールバーは(だけでなく)ページ全体に広がりますdiv.container-fluid
が、接辞は適用されます。
オーバーフロー-yがあるものとオーバーフロー-yがないものへの2つのリンクがあります
接辞効果なし http://jsfiddle.net/VincentWilkie/YRxkU/
スクロール不良の接辞効果 http://jsfiddle.net/VincentWilkie/cKJV2/
スクロールバーがヘッダーとフッターに伸びないようにするために必要です:(
助けてくれてありがとう!
ヴィンセントウィルキー