2013-10-30 31 views
12

Ben Bootstrap 3 kullanıyorum ve kaydırılabilir içerik DIV yapmaya çalışıyorum. Ben sol tarafı navigasyon ve bir üst barı olan bir kılavuz var ve ortada ben kaydırılabilir olmalıdır içeriğe sahip. Ben içerik div üzerinde sabit yüksekliği kullandığınızdaBootstrap 3 - kaydırılabilir içerik div

O inşaat ... ama yerine% 100 kullanmak istiyorum.

<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; 
} 

bu yüksekliğe çalışmak alabilir Nasıl: 100%;

Teşekkürler!

+0

overflow-y mu: sizin için işi kaydırmak? Üzgünüz, benim telefonumda olduğu gibi test etmedim – EnduroDave

+0

Yukarıdaki kodla DIV içeriğindeki herhangi bir dikey kaydırma çubuğunu alamıyorum ... böylece overflow-y yardımcı görünmüyor. –

+0

hmmm. Yazınızı tekrar okuduğumda kontrol etmek istiyorum. Kaydırılabilir bir div'a ihtiyacınız var mı, yoksa sadece sol nav ve üst nav'unuzu sabitlemek mi istiyorsunuz? Sayfa geri kalanı ise boostrap docs sayfalarına benziyor mu? – EnduroDave

cevap

23

Sen kaydırmak istediğiniz div öncesi kaydırılabilir sınıf ekleyebilir.

Eğer .css bir max-height var ama edit edemem ararsanız. Bu yüzden pencerede bu maksimum değer için sayfayı en üst düzeye çıkaracağından emin olabilirsiniz.

i kaydırılabilir div ile tek sayfa için aynı kullanıldığı, bu yardımcı olur.

+0

Bu, benim için çalışır.

gihanchanuka