riporto qui la mia questione, pensavo si potesse fare con css, però sembra che cè bisogno di js.
Nel mio sito strutturato così:
Vorrei che il menù rimanga fisso quando scrollo la pagina. Per capirci meglio:
1)All'inizio della visualizzazione, quindi in no-scroll, gli elementi visibili sono header, menù , e main ec...
2) Invece quando scrollo, vorrei che il menù rimanesse in evidenza, però andando nel margine superiore del browser, non facendolo rimanere nella stessa posizione della finestra del browser. Spero che abbiate capito.
In css con position:fixed mi rimane fisso il menù in evidenza, però alla stessa posizione della finestra, io vorrei che si attaccasse al margine superiore del browser.
Come posso fare?
Nel mio sito strutturato così:
Codice:
<div id="header"> ...</div>
<div id="menu"> ..</div>
<div id="main">
...
...
</div>
Vorrei che il menù rimanga fisso quando scrollo la pagina. Per capirci meglio:
1)All'inizio della visualizzazione, quindi in no-scroll, gli elementi visibili sono header, menù , e main ec...
2) Invece quando scrollo, vorrei che il menù rimanesse in evidenza, però andando nel margine superiore del browser, non facendolo rimanere nella stessa posizione della finestra del browser. Spero che abbiate capito.
In css con position:fixed mi rimane fisso il menù in evidenza, però alla stessa posizione della finestra, io vorrei che si attaccasse al margine superiore del browser.
Come posso fare?