1-) Büyük mavi header`in altında bulunan siyah menü çubuğuna .nav-container isminde bir sınıf verin. İsim önemli değil, o siyah menüyü çevrelesin yeterli.
2-) css dosyasında
.fixed{
position:fixed;
top:0;
width:100%;
}
diye bir sınıf oluşturun.
3-) herhangi bir js dosyasına da;
$(function(){
$(window).scroll(function(){
if($(this).scrollTop()>140){
$(".nav-container").addClass("fixed");
}
else{
$(".nav-container").removeClass("fixed");
}
});
});
kodlarını yapıştırın.
Burada sayfa 140px aşağıya kaydırılırsa (o mavi büyük header yüksekliği ne ise onu girersiniz), .nav-container isimli sınıfın içine .fixed sınıfı eklenir. Yani siz 140px den itibaren sayfayı her aşağıya kaydırmanızda o menü sabit olarak gelecektir.
Bu kadar. :) Biraz kurcalarsanız sınıf isimlerini falan uygunca düzenlerseniz halledebilirsiniz. :)