jQuery ile nesneleri sayfa tepesine sabitleyin (Sticky jQuery Plugin)


Bir çok sitede kaydırma çubuğunu (scrollbar) aşağı kaydırdıkça bazı nesnelerin sayfanın tepesine sabitlendiğine şahit olmuşsunuzdur. Ben bu iş için şimdiye kadar hep söz konusu nesneye “fixed” classı atamaya dayanan manuel yöntemler kullanıyordum (ör: http://www.turhost.com/cpanel-hosting.html paket özellikleri tablosu). Sağolsun Sticky isimli bu plugin sayesinde işim oldukça kolaylaştı. Son derece kolay bir kullanıma sahip. Hangi nesnenin sabitleneceğini ve o nesnenin tepeye olan uzaklığını belirtmeniz yeterli.

1
$("#sticker").sticky({topSpacing:0});

Detaylar, örnek ve indirme bağlantısı için:
http://labs.anthonygarand.com/sticky/

Egonomik.com’dan indirmek için:
http://www.egonomik.com/script/jquery-sticky-always-top/garand-sticky-always-top.zip

Facebook Yorumları

4 Yorum

  1. nurkan

    bugün yaptığım bir projede için çıkan sonuçların filtreleme tablosunu sabitlemem istendi. ben de fixed le yaptım fakat ajans http://www.1v1y.com/ sitesindeki gibi sayfanın belli bir alanına geldikten sonra sabitlememi istedi tam da onu araştırırken iyi oldu bu. 🙂 ben divlerle çok uğraştım ama sadece css ile çözmeyince şuradan yardım aldım. http://jqueryfordesigners.com/fixed-floating-elements/

    senin turhosta yaptığın işi sadece css ile mi çözdün yoksa js de var mı işin içinde? js yoksa benim için her zaman daha makbüldür 🙂

  2. nurkan

    tamam işte sen manuel kullanarak yaptım deyince css lerle yaptın sandım 🙂 benim bulduğum da js var. fakat senin turhostta kullandığın yönetimi sormamın nedeni belirli bir alanı geçtikten sonra sabitlemeden devam edebiliyor bu işe yarar 🙂

  3. Caner
    Yazar

    Manuel derken “plugin kullanmadan, kod yazarak yaptım” demek istemiştim 🙂 Belli bir alan içinde hareket etmesi de hareket halindeyken hesaplama yapıp başlayacağı ve biteceği yeri bilmesinden kaynaklanıyor.

    Fırsat bulabilirsem bu konuya da bir ara değineyim 🙂

Uyarı: Yorumlarda link kullanmayınız. Link içeren yorumlar otomatik olarak spam kabul edilmektedir.

Bir Cevap Yazın

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