Ik ben bezeg met het maken van een nieuwe website maar is het mogelijk dat je menu altijd zichtbaar is als je scrollt?
zie voorbeeld http://www.ttvyerseke.nl/kyk/cultuurparel-yerseke/index.php
4.515 views
Dan zal je dat in je css aan moeten geven.
Ik meen dat het deze ccs code voor was:
Ik meen dat het deze ccs code voor was:
position: fixed;
@frank, internet explorer doet moeilijk met fixed. volgens mij kun je hier beter position: relative meegeven.
@Jeroen, relative zal niks helpen. Frank heeft het wel bij het juiste eind en dat IE er moeilijk mee doet is volgens mij alleen in oude versies (IE7 ofzo) en daarnaast, als IE moeilijk doet. Jammer dan, een andere oplossing is er niet.
position: absolute dan?
Bij een position absolute blijft iets altijd op dezelde plaats staan. Maar niet in het window, dit wil zeggen dat als je scrolt het niet mee scrolt. Position fixed is echt de enige oplossing hiervoor.
toch vind ik het een slechte oplossing. je kunt toch ook divs gebruiken, en dan een overflow? vind ik veel netter
Nee, dat werkt ook niet. Geloof me maar, position fixed is de enige (CSS) manier om dit voor elkaar te krijgen. Even voor de fijnproevers onder ons:
Position: none;
Geen bepaalde positie, gewoon meegaan met de flow van de pagina en eventueel aanpassingen met margin en floats.
Position: relative;
top: 0; left: 0; right: 0; en bottom: 0; wijzen precies naar de plaats waar het element in normale conditie (zie hierboven) staat. Door deze waardes te veranderen kun je de position aanpassen ten opzichte van de plek waar deze stond.
Position: absolute;
top: 0; left: 0; right: 0; en bottom: 0; verwijzen allen naar de uiteinde van het browser scherm. Door deze waardes aan te passen kun je de position ten opzichte van het scherm wijzigen.
Position: fixed;
Dit is een aparte, het is een position: absolute; die mee blijft gaan als je scrollt.
[hr]
Waarom een slechte oplossing? Position: fixed; is hiervoor bedacht en heeft geen ander doel dan dit. Position: fixed; is verweg en misschien wel de enige optie en moet je zeker gebruiken als je dit wilt.
Position: none;
Geen bepaalde positie, gewoon meegaan met de flow van de pagina en eventueel aanpassingen met margin en floats.
Position: relative;
top: 0; left: 0; right: 0; en bottom: 0; wijzen precies naar de plaats waar het element in normale conditie (zie hierboven) staat. Door deze waardes te veranderen kun je de position aanpassen ten opzichte van de plek waar deze stond.
Position: absolute;
top: 0; left: 0; right: 0; en bottom: 0; verwijzen allen naar de uiteinde van het browser scherm. Door deze waardes aan te passen kun je de position ten opzichte van het scherm wijzigen.
Position: fixed;
Dit is een aparte, het is een position: absolute; die mee blijft gaan als je scrollt.
[hr]
Waarom een slechte oplossing? Position: fixed; is hiervoor bedacht en heeft geen ander doel dan dit. Position: fixed; is verweg en misschien wel de enige optie en moet je zeker gebruiken als je dit wilt.
Wouter heeft hier gelijk, als je geen javascript wil aanraken zul je position: fixed; moeten gebruiken. Daarentegen zijn er ook erg leuke javascript tools die hier een oplossing voor hebben bedacht. Op die manier werken ze ook op de oude browsers ( mits javascript ondersteund/aan staat). Komt wel bij dat ik gewoon zou beginnen met position: fixed;, en er daarna eens een leuk javascript effect overheen gooien. En zo niet, dan moeten de gebruikers maar naar boven scrollen :)
toch vindt ik het persoonlijk veel netter om gewoon frames te emuleren, dan dit te doen. dat werkt tenminste overal, dit dus niet. en dat vind ik zelf heel belangrijk
Iframes moet je echt niet meer gebruiken, waarom zou je dat nu nog doen? Waarom is position: fixed nu niet net @jeroen?