SORU
14 Mart 2012, ÇARŞAMBA


Dikey bir div yapım kaydırılan CSS kullanarak

Bu

<div id="" style="overflow:scroll; height:400px;">

verir kullanıcı yatay ve dikey kaydırma içinde bir div. Nasıl div şekilde değiştirebilirimsadecesekmeli dikey olarak?

CEVAP
14 Mart 2012, ÇARŞAMBA


Kenara yanlış özelliğini kullanarak ihtiyacın olan herşey var. Kaydırma çubuğu olabilir tetiklenen herhangi bir özellik overflow, overflow-x overflow-y ve her ayarlanabilir herhangi biri visible, hidden, scroll, auto, veya inherit. Şu anda bu iki arıyoruz:

  • auto - Bu değer kutusunun genişlik ve yükseklik. Eğer tanımlanmışsa, kutusu bu sınırları geçmiş genişletmek izin vermiyor. Bunun yerine eğer içeriği bu sınırları aşarsa (), uzunluğu aşan ya da sınır (veya her ikisi) için bir kaydırma çubuğu oluşturur.

  • scroll - Bu değerlerzorlareğer içeriği sınır set aşıyor bile bir kaydırma çubuğu, ne olursa olsun. Eğer içeriği kaydırılan ihtiyacı varsa, bar "engelli" ya da etkileşimsiz olarak görünür

Eğerher zamandikey kaydırma çubuğu görünmesini istiyorum:

overflow-y: scroll kullanmalısınız. Buzorlarya da gerekli olup olmadığını dikey eksen için görünür bir kaydırma çubuğu. Aslında kapsamında ilerleyebilirsiniz eğer doğru değilse, bir"" kaydırma çubuğu. özürlü gibi görünür

Eğer sadece bir kaydırma çubuğu eğer kutusunu kaydırma eğer görünmesini istiyorsanız:

Sadece kullanım overflow: auto. Beri içerik varsayılan olarak sadece sonları için bir sonraki satır zaman olamaz fit geçerli satırdaki, yatay kaydırma çubuğu olmayacak yarattı (tabi bir unsur olan sözcük kaydırma devre dışı). Dikey çubuğu,içerik belirttiğiniz yüksekliğe genişletmek için izin verir. Eğer yüksekliği aşarsa, içeriği geri kalanını görmek için dikey kaydırma çubuğunu gösterir, ama eğer yüksekliğini aşıyor değilse bir kaydırma çubuğu görünmez.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • makemebad35

    makemebad35

    17 NİSAN 2006
  • PoreoticsHD

    PoreoticsHD

    22 NİSAN 2010
  • SPBedition

    SPBedition

    24 HAZİRAN 2013