Sayfamda kaydırma çubuğu nasıl yerleştirilir?

Bir web sayfasındaki kaydırma çubuklarının eklenmesi küçük bir parça CSS kodu gerektirir.

1. Adım

Not Defteri uygulamasını açın ve aşağıdaki kodu kopyalayın:

.scrollbars {overflow: kaydırma; yükseklik: 300 piksel;}

Yukarıdaki kod "taşma" özelliğini tanımlar ve 300px'lik bir kaydırma kutusu oluşturur.

2. Adım

Dosyayı 1. adımda "scrollbar.css" olarak kaydedin.

3. adım

Kaydırma çubuklarının görünmesini istediğiniz sayfayı açın ve sekmeler arasındaki bölüme aşağıdaki kodu ekleyin ve:

Bu kod satırı, oluşturduğunuz "scrollbar.css" ifadesini belirtir ve bu dosyanın bilgilerini sayfanıza ekler.

4. Adım

Kaydırma çubuklarını, gösterildiği gibi kaydırma çubuklarının uygulanmasını istediğiniz sayfanın bölümlerine eklemek için sekmeleri kullanın.

Sayfa İçindekilerim (Sayfamın içeriği) Önceki kod, sayfamın "Sayfa İçeriğim" i içeren alanına kaydırma çubukları ekler. Sayfanın diğer bölümlerini, yalnızca "hedef diva" satırını ekleyerek belirtebilirsiniz.

Adım 5

Kaydırma çubuklarını aynı dizinde göstermek için "scrollbars.css" öğesini ve sayfayı kaydedin.

6. Adım

Düzgün yapılıp yapılmadığını görmek için sayfayı bir web tarayıcısıyla açın.

referanslar

  • Boutell: Bir sayfanın bir bölümüne nasıl kaydırma çubuğu eklerim? (Sayfanın bir bölümüne nasıl kaydırma çubuğu ekleyebilirim?)

Daha fazla makale

  • Kaydırma çubuğu bazen web sayfalarından neden kayboluyor? Kaydırma çubuğu bazen web sayfalarından neden kayboluyor?
  • DIV'de kaydırma çubukları nasıl eklenir? DIV'de kaydırma çubukları nasıl eklenir?
  • Visual Basic'te kaydırma çubuğu nasıl eklenir Visual Basic'te kaydırma çubuğu nasıl eklenir
  • Barkodun parçaları Barkodun parçaları
  • Barkodla nasıl bulunur? Barkodla nasıl bulunur?
  • Excel'de barkod nasıl yapılır Excel'de barkod nasıl yapılır
  • Dokunmatik panelin kaydırma çubuğu nasıl çalışır? Dokunmatik panelin kaydırma çubuğu nasıl çalışır?