Ekteki dosyanın içerisindeki
"//external page&scroll size functions from http://www.softcomplex.com/docs/get_window_size_and_scrollbar_position.
HTML" kısmıyla başlayan ve belirttiğim siteden aldığım fonksiyonlar sayesinde sayfanın iç yüksekliği ve kaydırılma miktarını tarayıcıdan bağımsız olarak düzgünce alabilirsin. Daha detaylı bilgi için yine yorumdaki sayfaya bakabilirsin. Bu bilgileri aldıktan sonra sayfanın belirli bir yerinde sabit durmasını istediğin nesnenin "top" ve/veya "left" özelliklerini dinamik olarak değiştirerek amacına ulaşabilirsin.
Bunun için sayfanın "onScroll" ve "onResize" olaylarına bu iş iyapan bir fonksiyon bağlamalısın. Yalnız atamayı direk yaptığında sayfa kayınca direk "çat" diye gelmesi gereken yere geleceği için çok estetik olmayabilir. Bunu engellemek için de nce aradaki mesafeyi hesaplayıp sonra da sürekli aradaki mesafenin yarısı kadar ilerletirsen ilgili nesneyi doğrusal olmayan hoş bir kaydırma efekti görmüş olacaksın. Bunun bir örneği aşağıda belirttiğim "fadeNSlide" fonksiyonunda var ancak malesef henüz yeteri kadar yorum eklemedim koda.
Tüm bu kodu koymamın sebebi menü tasarlarken bu dosyada bulunan "fadeMe", "fadeNSlide", "setOpacity" ve "fadeFromOneToOne" fonksiyonlarının işine yarayabileceğini düşünmem.
Kolay gelsin.