Who can explain this innovative navigation by Slack?

Is there a webflow wizard out there that can show us how to implement this very cool navigation by Slack on one of their landing pages? I assume we could build this using either Fullpage.js or any other script.

Thanks for your input!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

First there’s a scroll hack to make the scroll go page to page. Usually uses things like fullpage.js.
I made a demo for that with Webflow (integration of fullpage.js). It’s unfinished yet but it works.
See it in action here: http://cards-tpl.webflow.io/
Check the sharing link here: https://preview.webflow.com/preview/cards-tpl?preview=e7503d73d5be0c9ca01bb0eff953045d
If you need a duplicate of the site just ask me I’ll send one.

Now for the part on the left, you could design a pile of half sections, and use IX2 with scroll triggers to make them appear with a fade, one by one, and disappear the same way.

Have fun designing, come back to show&tell!

2 Likes

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.