Cool! It's a beautiful site so far! I think sending the user back to top works but takes the user out of context. I'm not sure the site is long enough to even warrant a fixed bar, even on mobile.

We were able to do this a different way here: http://codepen.io/rafibomb/pen/hApKk

Basically making the content section scrollable works better on mobile too.

Thanks Rafi - for the advice and the complement :)

I think the fixed navigation is going to be more important on other pages - so when for example browsing products the user can check there basket without being taken away from what they are browsing. As you say, taking the user out of context isn't ideal UX.

I can't quite figure out how to apply what you have to my site. How do you mean make the content scrollable? I've tried implementing all the CSS from your example and it seems to make no difference.

In your HTML, wrap you content with <article> tags.

Also the tab-bar is wrapped with <div class="header">

Thanks again Rafi.

Unfortunately this doesn't work for a couple of reasons. Firstly, wrapping the content in 'article' and adding the CSS classes from your example seems to clash with the wow.js onScroll reveal animations. Secondly, as it is a shrunken nav on scroll the absolute positioning doesn't seem to work either.

Am close to giving up - but feel there must be a solution!

Great solution, Rafi!
I'm wondering if this is also possible with Foundation 6?

To be more precise – that's what I tried so far: http://codepen.io/berlindave/pen/jWzjmg

Meanwhile I set up another codepen trying to transfer your F5 solution to F6, but it is not working:
http://codepen.io/berlindave/pen/obdezP

Can you figure out the reasons?

[EDIT]Oh, it seems to work! Great! Again many thanks to Rafi![/EDIT]

@David Stingl That first example looks right. There is a scrolltop added to menu can be focussed.

[Edit] Cool glad you got it!

I also suggest people use something like this if the scrolltop is an issue: http://codepen.io/rafibomb/pen/eJVvbx