folder Tahribat.com Forumları
linefolder Html - CSS - XML - JavaScript - Ajax
linefolder Basit Sticky Bar Örneği (Mekanla İlgili Değil)



Basit Sticky Bar Örneği (Mekanla İlgili Değil)

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Ayro
    Ayro's avatar
    Kayıt Tarihi: 08/Ağustos/2005
    Erkek

    Araştırınca bi ton jQuery kodu, hatta jQuery ile birlikte kullanılması için bir sürü kütüphaneler falan gördüm.

    jQuery kullanmamak zaten ayıpta , daha fazlasına gerek yok bence.

    http://jsfiddle.net/Je6fN/

    saf kod (direkt html şeklinde kaydedip deneyin) : 

    http://paste.org/62492

    [removed] dediği yerler <script> tagları

    ----

    Basittir. Döküman hazır olduğunda (yüklenmeden dersek hata verir), elementin offset yüksekliğini alıyoruz. Ardından her scroll hareketinde (kaydırma çubuğu), kontrol fonksiyonuna gidiyoruz ve scroll'un yüksekliğini çekiyoruz (sayfanın neresinde olduğu).

    Ardından kontrol() fonksiyonunda karşılaştırıyoruz. Eğer scroll'un değeri büyükse, class kısmına hareket değerini atıyoruz, değilse fix. 

    --

    Birden fazla class varsa ; addclass, removeclass şeklinde jQuery yönlendirmeleri ekleyebilirsiniz.

     

Toplam Hit: 734 Toplam Mesaj: 1