Css ile Scrollbar Gizleme

Web sitemizde Scrollbar’ı gizlemek isteyebiliriz. Bunu yapmanın birden fazla yönetimi vardır ama ben Css ile kısa yoldan nasıl yapılır onu anlatacağım.

Css ile bunu yapmak için overflown: hidden; özelliğini kullanacağız. Css dosyamızda body parantezi içerisinde bu kodu kullandığımızda Scrollbar otomatik olarak kaldıralacaktır. Örnek kodumuzu inceleyelim.

body {
  overflow: hidden; 
}

Yukarıda ki örnek kodumuz ile Scrollbar’ı gizledik. Yatay Scroolbar gizlenmek istenirse body parantezi içerisine aşağıdaki kodu yazmak yeterli olacaktır.

body {
  overflow-y: hidden;
  overflow-x: hidden; 
}

Yukarıda ki örnek kodumuzuda hem yatay hemde dikey Scrollbar gizlenmiş oldu.

İşte bu kadar basit.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Shares