Sales1 min read135 words

Jquery ile Sticky Bar Yapımı

Emir Eskici

PlusClouds Author

Cloud & SaaS

Jquery ile Sticky Bar Yapımı

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…

Sıkça Sorulan Sorular

Bu yazıda sticky bar yapımında hangi iki jQuery metodu kullanılıyor?

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.

adClass() ne işe yarar?

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.

removeClass() ne işe yarar?

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 nedir ve sticky bar ile nasıl çalışı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.

Bu yazıda sticky bar için hangi konumlandırma kavramı kullanılıyor?

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

HTML ve CSS kısmı bu örnekte nasıl ele alınmış?

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.

Metotları anlamak için hangi adımlar izleniyor ve hangi bölümler yer alıyor?

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.

İlgili Okumalar

Etiketlenen yazılar:

LeadOcean ve PlusClouds CRM Entegrasyonu: Otomatik Pipeline Kurulumu
Sales

LeadOcean ve PlusClouds CRM Entegrasyonu: Otomatik Pipeline Kurulumu

Bu rehberde; operasyonel yükü minimuma indiren bir yöntemi, yani LeadOcean üzerinde toplanan nitelikli verileri PlusClouds CRM ekosistemine otomatik olarak aktarmanın yolunu inceleyeceğiz. "Workspace Pusher" mekanizmasını kullanarak uçtan uca dijital bir köprü kuracak ve satış süreçlerinizi nasıl tam otomatik hale getirebileceğinizi adım adım ele alacağız.

WhatsApp Otomasyonu: Lead’leri Satışa Dönüştürmenin Yeni Yolu
Sales

WhatsApp Otomasyonu: Lead’leri Satışa Dönüştürmenin Yeni Yolu

Dijital dünyada rekabet artık sadece “daha fazla lead toplamak” üzerinden ilerlemiyor. Asıl fark yaratan, elde ettiğiniz lead’lere ne kadar hızlı, doğru ve kişiselleştirilmiş şekilde ulaştığınız. Bu noktada WhatsApp, yüksek etkileşim oranlarıyla en güçlü iletişim kanallarından biri olurken; n8n gibi araçlar sayesinde bu süreci tamamen otomatik ve ölçeklenebilir hale getirmek mümkün. Bu yazıda, n8n kullanarak WhatsApp otomasyonu kurmayı, Eaglet ve Leadocean gibi platformlardan gelen lead’leri satışa dönüştürmeyi ve bu süreci nasıl optimize edebileceğinizi detaylı şekilde ele alıyoruz.

2026’da WhatsApp ile Affiliate Gelir
Sales

2026’da WhatsApp ile Affiliate Gelir

2026 itibarıyla affiliate marketing artık sadece trafik üretmekle ilgili değil. Asıl farkı yaratan şey, o trafiği doğrudan satışa dönüştürebilmek. İşte burada WhatsApp devreye giriyor. 2026’da WhatsApp ile Affiliate Gelir nasıl elde edilir? E-posta açılma oranları düşerken, WhatsApp mesajlarının okunma oranı %90’ların üzerinde. Yani doğru stratejiyle WhatsApp, affiliate gelir için en güçlü “son temas noktası” haline geliyor. Ama burada kritik fark şu: Manuel mesaj atanlar değil, otomasyon kuranlar kazanıyor.

PlusClouds Affiliate ile Pasif Gelir (2026 Rehberi)
Sales

PlusClouds Affiliate ile Pasif Gelir (2026 Rehberi)

Dijital dünyada trafik üretmek bir beceri olabilir. Ancak 2026 itibarıyla asıl mesele trafik değil, trafiği gelire dönüştürme sistemi kurmak. Affiliate marketing (satış ortaklığı) yıllardır var. Fakat artık Amazon’dan düşük komisyonlu ürün satma dönemi kapandı. Gerçek kazanç; yüksek sepet tutarlı, B2B SaaS odaklı ve sürekliliği olan sistemlerde. İşte tam bu noktada PlusClouds devreye giriyor. 2026’da PlusClouds ile pasif gelir imparatorluğu kurmak artık çok basit. PlusClouds yalnızca bir bulut bilişim sağlayıcısı değil; affiliate’ler için yüksek komisyonlu, ölçeklenebilir ve araç destekli bir gelir ekosistemi sunuyor.

Jquery ile Sticky Bar Yapımı | PlusClouds Blog