Div dikey kaydırma çubuğu gösterisi

Question

Normal çubuklarımıza benzer şekilde, bir div'in dikey çubuğunu (kaydırma yoksa gri renkte) kalıcı olarak göstermenin nasıl mümkün olabileceğini merak ediyorum. Temel olarak bir web sitesinin tamamını bir div (gmail/facebook gibi) içine yerleştirmeye çalışıyorum, bu yüzden sayfa yeterince uzun değilse, dikey kaydırma çubuğunun eksikliğinden dolayı tüm sayfa değişiyor.

Ben bu soruna bir çözüm gerekir. Taşmayı denedim: Kaydırma. Ama hiç işe yaramıyor.

Answer 1

Hangi tarayıcıyı sen test ediyoruz?

Ne DOCType ayarladınız?

CSS'inizi tam olarak nasıl beyan ediyorsunuz?

'dan önce/sonra ;'u kaçırmadığınızdan emin misiniz?

Sadece IE7 ve Firefox aşağıdaki test ettik ve onu

<!-- Scroll bar present but disabled --> 
<div style="width: 200px; height: 100px; overflow-y: scroll;"> 
    test 
    </div> 
<!-- Scroll bar present and enabled -->   
    <div style="width: 200px; height: 100px; overflow-y: scroll;"> 
    test<br /> 
    test<br /> 
    test<br /> 
    test<br /> 
    test<br /> 
    test<br /> 
    test<br /> 
    test<br /> 
    test<br /> 
    test<br /> 
    </div> 

Answer 2

Overflow-y: auto'yi denediniz mi? Tam olarak ne istediğinizi değil, çünkü kaydırma çubuğu yalnızca gerektiğinde görünecektir.

Answer 3

Her zaman iyi çalışır: hep dikey kaydırma istiyorsanız, overflow-y: scroll;

jsFiddle:

<div style="overflow-y: scroll;"> 
...... 
</div> 

kullanmak

Gerektiğinde: Sadece vertik istiyorsanız gerektiğinde el kaydırma yaparken, bu IE8 ve Chrome'da çalışmaktadır

jsFiddle:

<div style="overflow-y: auto; height:150px; "> 
.... 
</div>