Kaydırma çubukları, içeriği dikey veya yatay olarak taşımak için tasarlanmış, bir pencerenin veya bir pencere içindeki ayrı bir alanın sağ (soldan sağa yazarken) ve alt kenarları boyunca dikey ve yatay çubuklardır. Web sayfaları, görünümlerini ve davranışlarını kontrol etmek için HTML'ye katıştırılmış Basamaklı Stil Sayfaları (CSS) öğelerini kullanır.
Talimatlar
Aşama 1
Kaydırma çubuğunu tüm sayfa için değil, yalnızca sınırlı bir alanı için yapmak istiyorsanız bir div etiketi kullanın. HTML'de (Köprü Metni İşaretleme Dili), "etiketler", bir tarayıcının belirli bir sayfa öğesini görüntülemesi için ayrı komutlara atıfta bulunur. En basit haliyle, bir div etiketi (genellikle "katman" olarak anılır) şu şekilde yazılır:
Bu, katmanın içindeki metindir
İşte açılış etiketi ve kapanış etiketi. Açma ve kapama etiketleri arasına yerleştirilen her şey kapta olduğu gibi katmandadır ve bu kap boyutlandırılabilir - genişlik ve yükseklik. Bu, açılış etiketine eklenmesi gereken ek bir parametre ("özellik") stili kullanılarak yapılır:
Bu, katmanın içindeki metindir
Adım 2
div etiketinin stil niteliğine ve katmanın kaydırma çubuklarına ilişkin kuralları da dahil edin:
Bu, katmanın içindeki metindir
Burada overflow: auto, kaydırma çubuklarının otomatik olarak, yani katmanın içeriği belirtilen boyutlara sığmadığında görüneceği anlamına gelir. auto, kaydırma ile değiştirilirse, bu şeritler, gerekip gerekmediğinden bağımsız olarak her zaman mevcut olacaktır. Gizli bir değer tam tersi etkiye sahip olacaktır - bu kabın içeriği kenarlarının ötesinde görünmese bile kaydırma hiçbir zaman görünmeyecektir.
Aşama 3
Sayfaya bir bütün olarak kaydırma çubukları eklemek için benzer bir yöntem kullanın. Varsayılan olarak, gerektiği gibi görünürler, ancak herhangi bir nedenle sayfada sürekli bulunmalarına ihtiyaç duyulursa, ilgili stil kuralı kaynak html koduna eklenmelidir. Sayfanın kodunda belgenin başlığının kapanış etiketini bulun ve önüne şu stil talimatlarını yazın:
gövde {taşma: kaydırma;}