Meecrollend menu

[rohan2812]

Hoi, ik ben bezig met een website voor m'n school, en moet hiervoor een menu maken dat mee beweegt als ik naar beneden scroll, dus heb ik in mijn css m'n position op fixed gezet. alleen staat hij ongeveer 200 pixels van de top af. en als ik dan ga scrollen blijft hij ook 200 pixels vanaf de top, maar moet zodra ik ga scrollen blijven staan, todat hij de bovenkant van de pagina raakt en dan mee gaan scrollen! Enig idee hoe ik dit het beste kan doen??

 

[Goeroeboeroe]

(...)een menu maken dat mee beweegt als ik naar beneden scroll (...) maar moet zodra ik ga scrollen blijven staan (...) en dan mee gaan scrollen (...)

Nee, want ik begrijp niets van je vraag
Moet dat menu nou blijven staan of niet?
fixed betekent dat het op het scherm blijft staan, ook als je scrollt. (In Internet Explorer 6 niet, want dat kent geen fixed.)

 

[rohan2812]

als ik naar beneden scroll dan, moet het menutje mee gaan, maar het menuutje staat standaard 200 pixels onder de top, en wanneer ik naar beneden scroll blijft hij ook 200 pixels onder de top staan, en ik wil dat wanneer me header verdijnt door het scrollen dat mijn menu gewoon aan de top gaat staan!

www.olympia-conbrio.nl/test/200pix_01.jpg <-- Niet gescrolled, dus menu staat zo goed!
www.olympia-conbrio.nl/test/200pix_02.jpg <-- Wel gescrolled, menu moet tegen de top aan staan, maar blijft met een ruimte van de header staan!

 

[Goeroeboeroe]

Als ik het goed begrijp bedoel je met menu het rood omkaderde stuk met Naam - Home - Todo's t/m Rit Registratie Systeem
(Voor jou is 't duidelijk, denk ik, maar er zijn twee menu's, vandaar.)

Als ik je vraag goed begrijp staat het menu in het begin 200 px onder de top, onder de blauwe balk met Home Helpdesk Trixbox AVG 9.0
Je gaat scrollen en dan verdwijnt die blauwe balk (met alles wat erboven staat) van het scherm.

Het menu moet mee scrollen naar boven en dan blijven staan als het bovenaan het scherm staat.

Het antwoord is simpel: dat kan niet.
Je kunt het doen zoals jij hebt gedaan met fixed, maar dan blijft het menu altijd op dezelfde plek staan (behalve in IE 6, daar moet je extra dingen voor doen om dat voor elkaar te krijgen).
Of je zet het menu op 200 px van bovenaf, niet met fixed maar op 'n andere manier, en dan scrollt het in principe gewoon mee.

Maar 200 px vanaf de bovenkant neerzetten en dat het dan stopt als het de bovenkant bereikt, dat kan volgens mij niet. In ieder geval niet met alleen html en css.

 

[Frats]

Dat wordt javascript inderdaad, dan kun je wel uitrekenen waar hij staat en hem eventueel verplaatsen, maar dan gaat ie vertragen en verspringen en erg mooi ziet dat er vaak niet uit

(Browserafhankelijk ofc; maar het zal er niet overal netjes uitzien vrees ik)

 

[peter vazed]

http://www.trap17.com/index.php/Item-Scroll-Page_t58900.html

http://www.dynamicdrive.com/dynamicindex1/staticmenu.htm

 

[rohan2812]

Hoi bedankt allemaal voor jullie meedenken, ik weet dus nu dat ik Javascript moet gaan gebruiken, want heb dit echt nodig en wil het er toch wel een beetje netjes uit laten zien.

@Goeroeboeroe

Als ik je vraag goed begrijp staat het menu in het begin 200 px onder de top, onder de blauwe balk met Home Helpdesk Trixbox AVG 9.0

Mijn verticale menu dus met "naam - todo's - ritregistratie..." staat relative aan m'n horizontale menu, er dus gelijk onder! maar wanneer ik ga scrollen wil ik pas dat mijn verticale menu pas meebeweegt als hij de bovenkant van de pagina aanraakt, en niet wanneer ik gewoon een scroll geef!

Wanneer ik nu dus naar beneden scroll, blijft er een ruimte van ong 200 pixels tussen mijn menu en de bovenkant van de pagina zitten, omdat er boven aan de pagina een header tussen zit!

 

[Goeroeboeroe]

Da's dan echt iets voor JavaScript, en dat is niet echt mijn specialisme.
Succes!