Fixed ile sabitlemek

Başlık saçma olabilir ama ne diye geçtiğini tam olarak bilmiyorum.

Sorunum şu şimdi bir iki div var bunlardan biri alt ile sonlandığında diğer div devam edecek aşağıya doğru.

Facebook ta var sağda reklamların felan yer aldığı div ile birlikte akış aşağıya doğru geliyor ama sağ tarafta div bitince sabitleniyor ve akış devam ediyor aşağıya doğru yapmak istediğim bu.

Kütüphane :

  <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

Jquery Kodu :

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

Css Kodu :

.FixedDiv{ 
    position: fixed !important; 
    top: 0 !important;  
    z-index:9999 !important;    
}

Şuraya bakabilirsiniz:

http://leafo.net/sticky-kit/

Hocam Dediklerini yaptım ama olmadı sayfa içerisinde kayıyor ve sadece fixliyor bloğu.

Fsahin in verdiği linktekileri inceleyin hocam benim verdiğim scroll ile kayan blok