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

  • AverageBroTV

    AverageBroTV

    20 Mart 2013
  • SaMmM123

    SaMmM123

    3 Mayıs 2006
  • TecnoTutosPC

    TecnoTutosPC

    19 Kasım 2012