"Dynamisk" sidemenu

Tags:    html javascript

Jeg har en sidemenu som jeg gerne vil have skal være lidt "smart" alla den som andre har på deres sider.
Altså at den er placeret hvor den er, men når man scroller ned så følger den med en, men ender i toppen af skærmen. Når man så scroller op så stopper den på sin originale position igen.

Nogen der ved hvordan det laves? Kan vel ikke udelukkende laves via CSS?



3 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 4 karma
Sorter efter stemmer Sorter efter dato
Du kan lave det via CSS, men du vil hurtigt møde nogle tekniske udfordringer da footer og header kan stå i vejen.

Du kan i stedet kigge på http://bigspotteddog.github.io/ScrollToFixed/



Jeg har ikke et godt svar til dig, med eksempler, for det er ikke noget jeg har benyttet mig særligt meget af, men min opfattelse er at de fleste benytter sig af JQuery Waypoints til det formål http://imakewebthings.com/jquery-waypoints/

Dog skal det lige nævnes at det kan laves med CSS (position:sticky), men understøttelsen er der absolut ikke endnu http://caniuse.com/#feat=css-sticky



Jeg synes du skal kigge nærmere på denne implementering i JQuery.

Sticky scroll



t