Html'de bir div'i dikey olarak kaydırılabilir yapmak

Bu soru 1 kez yanıtlandı.

• coderguru

  3 Temmuz 2019 14:06

  23

  Html'de scrollbar özelliği overflow, overflow-x (sadece x ekseni/sadece yatay) ve overflow-y (sadece y ekseni/sadece dikey) css özellikleri ile değiştirilir. Değiştirilir dedim çünkü scrollbar için de farklı seçimler yapmak mümkün. Bu değerler de auto, visible, hidden, scroll ve inherit olabilir. Auto seçeneğinde kutunun boyutunun belirtilmiş olup olmamasına göre taşıp taşmama durumları otomatik olarak belirlenir. Scroll seçeneğini seçerseniz ise tarayıcı bu özelliğe sahip tüm alanlar için ihtiyaç olsa da olmasa da bir scrollbar oluşturacaktır.

  Dolayısıyla sadece dikey scroll'un sürekli olarak görünür olmasını istiyorsanız, overflow-y: scroll olarak uygulama yapmalısınız. Böylece içeriğiniz uzun da olsa kısa da scrollbar görünür olacak, eğer içerik uzunluğu bu div'in yüksekliğinden daha az ise scrollbar görünecek ancak aktif olmayacaktır.

  <div style="overflow-y: scroll;height:50px;border:1px solid gray">
  içerik denemesi içerik denemesi içerik denemesi içerik denemesi içerik denemesi içerik denemesi içerik denemesi içerik denemesi içerik denemesi içerik denemesi içerik denemesi içerik denemesi içerik denemesi içerik denemesi içerik denemesi içerik denemesi içerik denemesi içerik denemesi içerik denemesi içerik denemesi içerik denemesi içerik denemesi içerik denemesi içerik denemesi 
  </div>