WordPress’te Sayfayla Birlikte İnen Menü yapımı yani sticky menu veya fixed menu artık adına kim ne diyorsa çalıştığım işlerde ara ara lazım oluyor burada dursun.
Js dosyası içine atılacaklar.
jQuery(window).bind('scroll', function() {
if (jQuery(window).scrollTop() > 146) {
jQuery('.ustmenu').addClass('fixed');
}
else {
jQuery('.ustmenu').removeClass('fixed');
}
});
CSS dosyası içine atılacaklar.
.ustmenu.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 9999999;
max-width: 1100px;
margin: 0px auto;
background:#fff;
}
Çalışma mantığı şöyle. Sayfa aşağı doğru indirildikçe 146px yüksekliği geçildiğinde .ustmenu class’ını bulu buna birde fixed class’ı ekliyor.
CSS ile de düzenlemeleri yapıyoruz ve yapışkan menü oluşmuş oluyor.
