Jquery ile Sticky Bar Yapımı

adClass() ile seçtiğimiz HTML öğesinin class attribute’una istediğimiz class’ı ekleyebiliriz. removeClass() ile seçtiğimiz Html öğesinin class attribute’undan istediğimiz class isimlerini silebiliriz. Bu iki metod sınıf yönetimini basitçe göstermektedir.

Bu metod ile seçtiğimiz HTML öğesinin class attribute’una istediğimiz class’ı ekleyebiliriz. Böylece öğenin stilini değiştirmek için sınıf eklemek mümkün olur. Yazıda bu fonksiyonun temel amacı sınıf eklemek olarak açıklanmıştır.

Bu metod ile seçtiğimiz Html öğesinin class attribute’undan istediğimiz class isimlerini silebiliriz. Böylece öğenin stilinden belirli sınıfları kaldırmış oluruz. Bu da tasarım üzerinde dinamik değişiklik yapmaya olanak tanır.

Position: fixed özelliğine sahip öğe, görüntü alanına göre konumlandırılır ve sayfa kaydırılsa bile aynı yerde kalır. top, bottom, left ve right gibi özellikler, öğeyi konumlandırmak için kullanılır.

Sticky bar için position: fixed kavramı kullanılıyor. Böylece bar sayfa kaydırılsa bile ekranda sabit konumda kalır.

HTML bölümünde class’ı belirtmenin önemli olduğundan bahsediliyor ve tasarım size kalmış olarak ifade ediliyor. CSS dosyasına belirttiğim class’ı ekledim ifadesi de örneğin CSS tarafını gösteriyor.

Metodları anladığımıza göre kodlarımıza geçebiliriz ifadesiyle ilerleme mesajı veriliyor. Yazı ayrıca HTML, JQUERY ve CSS bölümlerinin basit bir örnek içinde nasıl bir araya geldiğini gösteriyor.