html sayfayı uazatmadan çoklu div görmek

bilinmez1i 1336 gün önce

726 defa görüntülendi ve 1 kişi tarafından değerlendirildi

arkdaşlar öncelikle merhaba sorum şu

öncelikle bir div tagım bunun adı choose
ve bunların içine ayrı ayrı divler açıyorum choo isminde bunlar fazla olduğunda sayfayı uazatmak yerine kaydırma çubuğu olsun textarea tagında olduğ gibi

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (5)

webdevyusuf

1262 gün önce

Eğer yatay ise bodye

body{
    overflow-x: auto;
}

Eğer dikey ise bodye

body{
    overflow-y: auto;
}

Eğer hem dikey hem yatay ise bodye

body{
    overflow: auto;
}

#002175

fakehesap

1325 gün önce

Y DİKEY DEĞİL YATAY OLACAĞINI BELİRTİR GİZZLİ HESAPA CEVAP

#001879

gizzlihesap

1325 gün önce

Öncelikle sana bir soru sorulması gerek sen bu choo classlı divi yatay yöndemi scroll edecen yoksa dikeymi. Eğer dikey olarak scrroll yapacaksan şu kodu eklemen gerek

.choo{
    height: ??px;
    width: ??px;
    overflow-x: auto;
}

NOT: Soru işeretli "??" yerlere `.choodivinin yükseklği ve genişliği gelecek.overflow-x: auto;` buradaki x dikey olarak scroll edileceğini belirtir.
Eğer sen yatay olarak scroll etmek istiyorsan şu kodu eklemen gerekir.

.choo{
    height: ??px;
    width: ??px;
    overflow-y: auto;
}

NOT: Soru işeretli "??" yerlere `.choodivinin yükseklği ve genişliği gelecek.overflow-y: auto;` buradaki y dikey olarak scroll edileceğini belirtir.
İyi çalışmalar.

#001878

jct

1333 gün önce

verilen örnekte şöyle bir sorun çıkabilir. "choo" class'ların yüksekliği verilen pixel'i bulamaz ise "choose" div'i sırıtır. Bu nedenle; "choose" için;

.choose {
    height: auto; min-height: ??px; max-height: ??px;
}

şeklinde kullanılmalı.

#001868

selim

1333 gün önce

https://jsfiddle.net/vsqpfgr8/ => şu şekilde bir örnek yaptım, umarım işine yarar.

#001867