2013-10-30 20 views
12

私はブートストラップ3を使用しています。私はスクロール可能なコンテンツDIVを作成しようとしています。 私は左側のナビゲーションとトップバーでグリッドを持ち、 中にはスクロール可能なコンテンツがあります。ブートストラップ3 - スクロール可能なコンテンツdiv

コンテンツのdivで固定高さを使用すると動作しますが、代わりに に100%を使用します。

<div class="col-lg-12 col-md-12 col-sm-12" style="height:100%;overflow-y:auto;"> 
some content... 
</div> 

CSS:

html,body 
{ 
height:100%; 
overflow:hidden; 
} 

私は、これは高さで動作するように得ることができる方法:100%;

ありがとうございます!

+0

オーバーフロー:yはスクロールしますか?申し訳ありませんが、私の電話でテストしていません – EnduroDave

+0

上記のコードでコンテンツDIVに垂直スクロールバーが表示されません... overflow-yは役に立たないようです。 –

+0

hmmm。あなたのポストをもう一度読んで、私はちょうどスクロール可能なdivが必要かどうかチェックしたいのですか?ページの残りの部分がブーストラップのドキュメントページに似ている間に、左のナビゲーションとトップナビゲーションを固定したいのですか? – EnduroDave

答えて

23

スクロールしたいdivの事前スクロール可能クラスを追加できます。

.cssを検索すると、max-heightがありますが、編集できません。だからあなたはその最大値のためにウィンドウ内のページを最大化すると確信しています。

希望しますが、私はスクロール可能なdivで1ページに同じものを使用しました。

+0

これは私にとってはうってつけです。

gihanchanuka

関連する問題