2

私が今抱えている問題は、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/

スクロールバーがヘッダーとフッターに伸びないようにするために必要です:(

助けてくれてありがとう!

ヴィンセントウィルキー

4

2 に答える 2

1

data-spy="affix"#side-bardivに追加する必要があります。実例は次のとおりです。

http://jsfiddle.net/skelly/YRxkU/2/

于 2013-04-09T18:02:41.273 に答える
1

私は自分に合った解決策を見つけることができました。

.affix({offset:{x:10、top:20}})を使用して適切に配置することになりました。

オーバーフローも削除します。

ありがとう!

于 2013-04-10T21:03:06.390 に答える