Popüler Etiketler: Apple | Microsoft | Facebook | Twitter | Google Toplam 19 kategorideki 7.282 yazıda 7.771 yorum var.
Tavsiye: LG G5′i Nasıl Hızlandırırım? 5 Adımda LG G5 Hızlandırma Hatırlayalım: LG G5 ile İlgili En Yaygın 10 Problem ve Çözümleri
Sponsorlu Bağlantılar

Blogger için jQuery ile Kayan Menü Yapımı

Sponsorlu Bağlantılar

Blogger için jQuery ile Kayan Menü YapımıGeçtiğimiz aylarda Blogger için sayfa ile kayan menü yapımını paylaşmıştık. Ancak bu anlatım tamamen CSS ile ilgili idi. Bir de bunun tamamen jQuery versiyonu mevcut. Yani sayfayı aşağı kaydırıyorsunuz ve menü de aşağı kayıyor sayfa ile birlikte. Hepsi bu aslında. Dolayısı ile bu işlemi jQuery yardımı ile yapmak istiyorsanız, aşağıdaki adımları incelemeniz yeterli olacaktır. Bu yönde bilgisi olmayan ziyaretçilerimize faydalı olmasını temenni ederek, ilgili adımlara göz atıyor olacağız.

AYRICA: Blogger’da H3 Başlıkların Biçimini Değiştirelim

1) Öncelikle temanızın CSS alanına aşağıdaki kodları ekleyiniz.

sticknav {
background: #ffffff;
height: 30px;
width: 100%;
margin-right: auto;
margin-left: auto;
left: 0px;
right: 0px;
position: relative;
z-index: 9999;
}
.fixed { position:fixed;}

2) HTML/JavaScript alanına ise aşağıdaki kodları ekleyiniz.

<script type="text/javascript">
$(document).ready(function() {
var aboveHeight = $('header').outerHeight();
$(window).scroll(function(){
if ($(window).scrollTop() > aboveHeight){
$('sticknav').addClass('fixed').css('top','0').next().css('padding-top','60px');
} else {
$('sticknav').removeClass('fixed').next().css('padding-top','0');
}
});
});
</script>

3) Aşağıdaki kodlar arasına menü kodlarını ekleyebilirsiniz.

<sticknav>
Kodlar buraya gelecek.
</sticknav>

Not: Blogunuzda jQuery Kütüphanesi olduğundan emin olmalısınız.

Sponsorlu Bağlantılar


Teknobeyin Facebook
Sayfasını Bugün Beğenin!
  1. Yorum bulunmamaktadır.

Bu yazıya yorum göndermek ister misiniz?

Dikkat: Her yorum gönderen kişi, kendi gönderdiği yorumdan sorumlu olmaktadır.
Not: Yazı ile herhangi bir ilgisi bulunmayan yorumların onaylanmadığını belirtmek isteriz.