v2.5.2
Giriş yap

iki scrollbardan birini kapatmak

Anonim
361 defa görüntülendi

Containerımın içinde 2 adet scrollbarlı contentim var birinin scrollbarının gözükmemesini istiyorum ne yapmalıyım?

Cevap yaz
Cevaplar (5)
erkamalper
1053 gün önce
.content-classın::-webkit-scrollbar {
    display: none;
}
fatihozpolat
1053 gün önce

@birotuz13 aynen genele verirse öyle olacak ama diyelim content adında bir class var o zaman


.content{
    scrollbar-width: 0;
}
.content::-webkit-scrollbar {
    width: 0;
}

şeklinde vermesi gerekir. Ben genel bir şekilde yazmak istemiştim.

makifgokce
1053 gün önce

https://www.w3schools.com/cssref/pr_pos_overflow.asp
https://www.w3schools.com/cssref/css3_pr_overflow-x.asp
https://www.w3schools.com/cssref/css3_pr_overflow-y.asp

/* y eksenindeki scroll'u gizler */
overflow-y:hidden;
/* x eksenindeki scroll'u gizler */
overflow-x:hidden;
/* her iki eksendeki scroll'u gizler */
overflow:hidden;
birotuz13
1053 gün önce

bu şekilde yapınca tüm scrollbarların genişliği 0px olmayacak mı?

fatihozpolat
1053 gün önce
::-webkit-scrollbar {
  width: 0;
}

özelliğini vermen gerekiyor.

bu özelliği verdiğinde scroll yine çalışır durumda olacak ama width 0 olduğu için görünmeyecek.
ama firefox da çalışmayabilir.

orda da şu özelliği direk contentin içine yazmayı deneye bilirsin:

scrollbar-width: 0;