サイドバー(項目のリスト)を長くしてスクロール可能なブートストラップ標準の2列レイアウトを作成し、メインコンテンツ領域を修正する「クリーン」な方法はありますか?メインコンテンツエリアを使用して、左側のリンクを傍受してajaxコンテンツを挿入したいので、常に見えるようにします。ブートストラップの固定コンテンツペイン
3
A
答えて
4
サイドバーのクラスにposition: fixed
を追加して、見た目に合ったスタイルにしてください。ここではブートストラップの例を参照してください。http://jsfiddle.net/eterpstra/nxrpu/1/
+0
FYI;あなたがスクロールすることができないので、ブラウザがそれほど高くないとき、左のサイドバーはもう見えません... – ChrisH
関連する問題
- 1. ブートストラップ固定ボトムフォームアクション
- 2. スクロールダウン時のブートストラップ固定ヘッダー
- 3. Twiiterブートストラップ(ボタンドロップダウン)+ Div固定
- 4. ブートストラップ流体レイアウト - 固定幅のサイドバー
- 5. Twitterのブートストラップでボタンサイズを固定
- 6. ブートストラップのサイドバーは、 - 固定スクロール位置
- 7. ブートストラップの列を固定する
- 8. ブートストラップ:固定2列レイアウト(740pxコンテンツ/ 320pxサイドバー)
- 9. ブートストラップで固定テーブルヘッダを作成するには?私は、ブートストラップのテーブルに対して固定テーブルヘッダに必要
- 10. ブートストラップを使用してラベルの幅を固定する方法
- 11. Twitterのブートストラップ - スクロール可能なサイドバーを含む固定レイアウト
- 12. ブートストラップは動作しない固定ナビゲーションバーの上にオフセットscrollspy
- 13. コンテンツでオーバーラップしたスクロールで固定されたブートストラップのナビゲーションバー
- 14. 固定ナビゲーションバーとブートストラップのスクロールスペースに関する問題
- 15. ブートストラップ3 navbar-fixed-topはモバイルビューで固定されています
- 16. 固定出力の固定
- 17. 固定角ヘッダ固定
- 18. ブートストラップ:幅の異なる上下固定のナビバーを使用する
- 19. ブートストラップ:流体レイアウトの溝幅が固定されていますか?
- 20. ブートストラップ3カラム内に固定された高さスクロール可能なdiv
- 21. 固定divを固定divにアニメ化
- 22. jqgrid固定列ヘッダーと固定フッター
- 23. スイングメニュー項目選択でコンテンツペインの内容が設定されていません
- 24. Zend Frameworkのモジュール固有のスタイル/スクリプトのブートストラップ
- 25. ページ設定の固定データテーブル
- 26. フレックスボックス聖杯レイアウト:固定ヘッダー、左固定、流体コンテンツエリア、固定右サイドバー
- 27. Caliburn + Spring.NET - ブートストラップの設定
- 28. 固定サイズのチタンアンドロイドマップ
- 29. 固定幅のテキストファイル
- 30. IE6の固定ページレイアウト
したがって、デフォルトの流体レイアウトhttp://goo.gl/jkyfJを使用します。私はちょうどそれを取得しない、なぜそれを修正する必要がありますか?右側の列にidを追加し、左側の列を必要なだけ長くし、サイドバーのイベントをajaxで反復して右の列の内容を変更します。 – Eugene
あなたの返事をありがとうが、ユーザーがスクロールダウンしたときに、ブラウザのウィンドウの高さと選択肢を作ってみましょう。コンテンツが一番上にあり、右の列が空であるため固定され、常に上にスクロールせずに表示されます。 – freethrow