İdeasoft Aşağı Kayan Fixed Menu

Merhabalar,
Arkadaşlar ne kadar uğraştıysam yapamadım. Bazen komple yukarısı iniyor aşağı doğru. Bazen de position:fixed; veriyorum sadece header alanını gösteriyor. Nerede hata yaptığımı bilmiyorum.
Sol taraftaki logo ile dropmenu(aşağı açılır menüyü) sayfada aşağı inerken üst kısımda görünmesini istiyorum. Örnek olarak verdim. Bunu nasıl yapacağım bilmiyorum.
HTML;
https://i.hizliresim.com/mkkqXY.jpg
CSS;
https://i.hizliresim.com/DddoOZ.jpg
ÖRNEK;
https://i.hizliresim.com/8ddm6A.png

http://www.aradolu.com/ Bu sitedeki arkadaşlar yapmış. Galiba konsept(ücretli) tasarım. Yardımcı olursanız sevinirim. aradolu.com sitesinde en üste mouse ile çıkıyorum sayfa kaynağı açıkken aşağı inince headerfixed class ı headerfixed.fixed oluyor ben yapınca olmuyor. Kesin bir yerde eksik birşey yapıyorum. Umarım derdimi anlatabilmişimdir.
Örnek olarak yapmak istediğim;
https://i.hizliresim.com/kWWZ7r.jpg

Merhaba aşağıdaki örneği uygulayarak yapabilirsiniz.

jQuery("document").ready(function ($) {
	var nav = $('#header');
	$(window).scroll(function () {
		if ($(this).scrollTop() > 0) {
			nav.addClass("fixed");
		} else {
			nav.removeClass("fixed");
		}
	});
});

.fixed{
position: fixed;
top: 0;
z-index: 99;
}

Çok teşekkür ederim. Dediğinizi yaptım header headerbottom ve diğer yerleri de fixledim çok güzel oldu. Şimdi burada ne yaptığınızı bana açık açık anlatabilir misiniz.

verdiğim js kodlarında sayfa yüklendikten sonra #header div toptan uzaklığı 0px den büyükse .fixed class ını ekletiyor, değilse .fixed class ını sildiriyorum.

Ne kadar aşağı indiğinizde #header divinin fixed olmasını istiyorsanız 0px değerini ona göre ayarlayabilirsiniz.


Dipnot: toptan uzaklığında ki mantık body'nın ilk basladığı alan oluyor.

top 0 ı sildim. yoksa aşağıda kalıyordu nedense. Çok teşekkür ederim. Takıldığım şeyler olursa özelden de yazabilir miyim ?