LeadOcean'ı tanıtıyoruz:AI Destekli Potansiyel Müşteri Oluşturma, Özenle Seçilmiş Veriler, Kolay Ölçeklenebilirlik

Jquery ile Sticky Bar Yapımı

Jquery ile Sticky Bar Yapımı
Emir Eskici

Emir Eskici

PlusClouds Meraklısı

Selamlar,

Bu blog yazımda sizlere basit ama bir o kadar hayat kurtaran bir örnek göstereceğim. Başlamadan önce size bahsetmem gereken Jquery’nin içerisinde bulunan ve bu örnekte kullanacağımız 2 adet metod var. Gelin bakalım bu 2 metod neymiş?

adClass()= Bu metod ile seçtiğimiz HTML öğesinin class attribute’una istediğimiz class’ı ekleyebiliriz.

removeClass()= Bu metod ile seçtiğimiz Html öğesinin class attribute’undan istediğimiz class isimlerini silebiliriz.

Metodları anladığımıza göre kodlarımıza geçebiliriz…

HTML

Sizlerle HTML kodlarını uzun bir şekilde paylaşmama gerek yok önemli olan class’ı belirtmek onun dışında tasarım size kalmış :)

Description

JQUERY

Description

Peki eklediğimiz class nerede?

Onuda şöyle göstereyim sizlere

CSS

CSS dosyama belirttiğim class’ı ekledim.

Description

position:fixed;=özelliğine sahip etiket, görüntü alanına göre konumlandırılmıştır, yani sayfa kaydırılmış olsa bile her zaman aynı yerde kalır. top, bottom, left ve right gibi özellikler, öğeyi konumlandırmak için kullanılır.

SONUÇ

Description

Herkese iyi haftalar…

Sales

Ürün bilgisi

Yazarlar ve gazeteciler arıyoruz!

Yazarlar ve gazeteciler arıyoruz!

İşletmeler ve sektörlerle ilgili konularda derinlemesine araştırma yapmak isteyen bir gazeteciyseniz, sizinle çalışmak istiyoruz!

Hadi konuşalım ve birlikte harika işler yapalım!

Bu Kategorideki Diğer Yazılar

AutoQuill, sizin için bağlı pazarlama içeriği yazar ve paylaşır.
Otomatik Tüy Kalem
AutoQuill, sizin için bağlı pazarlama içeriği yazar ve paylaşır.

Kazandığın En Kolay Para

PlusClouds'ün yan kuruluş ortaklarına sunmaya başladığı AutoQuill aracıyla, içerik üreticileri tek bir tıklamayla satış yapabilecekler. Bu devrimden nasıl payınızı alabileceğinizi size gösterelim.

Bir Haber Blogu Önerin
Bir Haber Blogu Önerin
Bir haberin mi var? Bilmemiz gereken bir şey mi?
Raporlayıcı ile İletişime Geçin

Henüz bir hesabınız yok mu? O halde hemen başlayalım.

Eğer bir hesabınız varsa, giriş yaparak Leo'ya gidebilirsiniz.