[CSS + JS] Przewijanie strony i statyczny element Opcje

[WebSee]

Chcę zrobić coś takiego, a mianowicie:

Na stronie, jakieś 200px od góry znajduje się div z pozycjonowaniem absolutnym i chcę zrobić, by podczas przewijania strony element ten przewijał się razem ze stroną aż do momentu w którym dotknie górnej krawędzi okna przeglądarki. Wówczas element ten ma pozostać na swoim miejscu.
Gdy natomiast użytkownik przewija stronę na dół, przewijając te ostatnie 200px element ma przesunąć się na dół.

Domyślam się, że w tym celu trzeba będzie użyć JavaScriptu, ale nie mam żadnego pomysłu.

[Helid]

Kawałek mojego kodu o podobnym wówczas problemie (jquery):

[HTML] pobierz, plaintext 
 
      $(document).ready(function()
		{
			$(window).scroll(function(e)
			{
				if($(window).scrollTop() < 1080) 
				{
					$("#styles").css("top", $(window).scrollTop()+ 360 + "px");
					$("#message").css("top", $(window).scrollTop()+ 150 + "px");
				}
			});
 
		});
 
[HTML] pobierz, plaintext 

Moim celem było przewijanie 2 boxów w dół i ich powrót na pozycje przy użyciu scrolla. 360 i 150 to minimalna wysokość od góry.

Ten post edytował Helid 2.11.2011, 20:48:23