[Janberka]

Arkadaşlar sitemin tepesinde (header) 2 yerde kaydırma olayı kullandım. 1. tüm tepede uygulanıyor, 2. si tepenin içinde. Şimdi size bunlardan ilkini anlatacağım.

İlk olarak: bunu marginTop özelliğini arttırıp azaltarak yapıyoruz;

Tepenin(div) id'si "tepe" olsun.

 
//Ayarları yapalım:
 var tepedurum=0; 
 /*Bu fonksiyon içinde tepenin durumunu belirtiyor. 0 kalsın.*/

var teperes=10;
/*Tepeyi kaç piksel kaydıracağımızı belirliyoruz.*/

var tepemarginmin=-180;
/*Tepenin minimum marginTop'ını belirliyoruz (Gizlendiği zaman bu kadar olacak benim menümün yüksekliği 180px olduğu için o kadar yapıyorum).*/

var tepemarginmax=0;
/*Tepenin maximum marginTop'ını belirliyoruz. Yukarıda boşluk olsun istemiyorum ben, 0 yaptım.
(Gösterildiği zaman bu kadar olacak).*/
var tepetimerinterval=10;
/*Ne kadar sürede bir yeniden boyutlanacağını belirliyoruz (1 sn=1000)*/

/*fonksiyonumuzu yazalım:
fonksiyonu elle çağırırken "teperes('basla');" şeklinde kodunu kullanın.*/

function teperesize(basla)
{
	var tepe=document.getElementById('tepe');/*Tepeyi tanımlıyoruz.*/
	var tepemargin=tepe.style.marginTop.replace('px','')/1; /*Tepenin marginTop özelliğini alıyoruz.*/
	if (basla=='basla')/*Eğer fonksiyon elle çağırılıyorsa:*/
	{
			if (tepemargin==tepemarginmin)/*Eğer tepe gizliyse:*/
			{
				tepedurum=teperes; /*Böylece fonksiyon gizlediğini hatırlayacak*/
			} else if (tepemargin==tepemarginmax)/*Eğer tepe görünüyorsa:*/
			{
				tepedurum=-teperes;/*Fonksiyon gösterdiğini hatırlayacak*/
			}
			tepe.style.marginTop=tepemargin+tepedurum+'px';/*İlk adımı biz atıyoruz*/
			/*teperes() fonksiyonunu çağıran bir timer yaratıyoruz. 
			Dikkat ederseniz 'basla' parametresiyle çağırmıyoruz:*/
			var tepetimer=setTimeout('teperesize()',tepetimerinterval);
	} else /*Eğer fonksiyon elle çağırılmıyorsa (tepetimer tarafından çağırılıyor).*/
	{
		if ((tepemargin!=tepemarginmin)&&(tepemargin!=tepemarginmax))/*Eğer marginTop özelliği maximum ve minimum değerlerden farklıysa:*/
		{
			tepe.style.marginTop=tepemargin+tepedurum+'px';/*marginTop özelliğini tepedurum kadar arttırıyoruz.*/
			var tepetimer=setTimeout('teperesize()',tepetimerinterval);/*Timer'ı yine yaratıyoruz (Bu işlem tepe hal değiştirene kadar sürecek)*/
		} else /*Eğer tepe artık hal değiştirdiyse*/
		{
			tepedurum=0;
		}
	}
}

Evet, kod bu kadar. Herhangi bir nesnenin onclick olayını "teperesize('basla')" olarak belirlerseniz sihri görebilirsiniz
Yukarıda ki ayarları kendinize göre değiştirerek uygulayın.