Salı, 07 Mayıs 2013 18:23

jQuery Scrollbar ile tarayıcı bağımsız Scrollbar

Yazan 
Öğeyi Oyla
(0 oy)

Aranan Scrollbar bulundu...


Ne zamandır websitesi tasarımlarımda kullanabileceğim bir scroolbar arıyordum. Tasarm özellikleri css dosyasından kolaylıkla düzenlenebilen bu jQuery plugin ile tarayıcılar arasında farklı gözüken scroolbar problemine son.

http://manos.malihu.gr/jquery-custom-content-scroller/


Kullanılışı

http://manos.malihu.gr/tuts/m-custom-scrollbar-plugin.zip
adresinden ilk önce scroolbar plugin'i indirin.

Aşağıdaki gibi stil dosyasını html dosyasını head kısmına ekleyin

 

 

Aşağıdaki şekilde jquery dosyamızı (hangi versiyonu kullanıyorsanız ona göre) ve jquery plugin dosyasını html dosyamıza ekliyoruz.

 


scroolbar ekleyeceğimiz içeriğin stil sınıfının "icerik" olduğunu varsayarak aşağıdaki javascript kodu ile gerekli ayarlamayı da yapıyoruz.

  
Okunma 444 defa Son Düzenlenme Salı, 07 Mayıs 2013 19:19
Ufuk Yıldırım

Yazılım Geliştirme Uzmanı

Web site: www.ufuk.biz

Yorum Ekle

Gerekli olan (*) işaretli alanlara gerekli bilgileri girdiğinizden emin olun. HTML kod izni yoktur.