- This topic is empty.
January 24, 2015 at 1:04 pm #194150grimskiParticipant
I’m working on a website for a mate and the effect we want to achieve is when the website is loaded the nav is displayed at the top of the browser (standard). On scrolling this navigation disappears off the screen (also standard) but then the nav slides/bounces back into view and remains fixed at the top of the browser.
This is what I’ve done so far, it’s pretty much there with the exception of the same animation in reverse on returning back to the top of the browser window:
And secondly (lastly), I’ve achieved the effect in my example using 2 duplicate nav’s that are positioned on the screen when they’re needed using waypoints. Is it possible to do this with just the 1 nav? It seems a bit hacky using 2 and duplicate content/links can’t be good, right?
That said I know you can’t animated ‘position’, so to go from absolute to fixed and make it animate the way I want would take quite a bit of script presumably?
Thanks for reading and hope someone can lend me some advice on this!January 24, 2015 at 4:10 pm #194159Paulie_DModerator
Not sure I’d be using animation as such.
Transitions maybe but a simple Codepen demo would be more useful than us trying to inspect a demo site with Developer Tools.
Did I see this on Stack Overflow too? It seems familiar.
If so a link to that would save us going over old ground.January 25, 2015 at 4:26 am #194176Paulie_DModerator
Well there is definitely going to be JS involved so the Jungle makes more sense to me.