Bir kullanıcı bir web sayfasını ziyaret ettiğinde (sayfa kaydırma çubuğunun etkinleştirilmesini tetikleyecek yeterli içeriğe sahip olmadığında) tarayıcının dikey kaydırma çubuğunun görünür kalmasını sağlamak için hangi CSS gereklidir?
html {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}
Bu, kaydırma çubuğunun her zaman görünür olmasını ve yalnızca gerektiğinde etkin olmasını sağlar.
Güncelleme: Yukarıdakiler işe yaramazsa, bunu kullanmak işe yarayabilir.
html {
overflow-y:scroll;
}
html {
overflow-y: scroll;
}
İstediğin bu mu?
Ne yazık ki, Opera 9.64, DIV
gibi diğer blok düzeyindeki öğeler için çalışmasına rağmen, HTML
veya BODY
ye uygulandığında bu CSS bildirimini yok sayıyor gibi görünüyor.
html {height: 101%;}
Ben bu çapraz tarayıcı çözümünü kullanıyorum (not: DOCTYPE bildirimini her zaman 1. satırda kullanıyorum, quirksmode'da çalışıp çalışmadığını bilmiyorum, hiç test etmedim).
Bu, her sayfada her zaman AKTİF bir dikey kaydırma çubuğu gösterecektir, dikey kaydırma çubuğu yalnızca birkaç piksel kaydırılabilir olacaktır.
Sayfa içeriği tarayıcının görünür alanından (görünüm portu) kısa olduğunda, dikey kaydırma çubuğunu etkin görmeye devam edersiniz ve yalnızca birkaç piksel kaydırılabilir.
CSS doğrulamasına takıntılıysanız (ben sadece HTML doğrulamasına takıntılıyım), bu çözümü kullanarak CSS kodunuz da W3C için doğrulanacaktır çünkü -moz-scrollbars-vertical
gibi standart olmayan CSS nitelikleri kullanmazsınız