Hi all I did this layout following a request on the forum but I can’t find back what the post was… I hope his author will see that.
https://webflow.com/website/People-Wish-A-layout-with-Webflow
It’s a simple one-pager with a grid of teasers and full nodes as hidden panels. Both the page and the panels are scrollable vertically. There is still an issue with double elevators that I wish I could resolve.
http://vincent.polenordstudio.fr/snap/y0u58.jpg
.
http://vincent.polenordstudio.fr/snap/d7bua.jpg
There are two things to consider when reviewing this work:
1/ The teaser + panel is one element with one reusable interaction. It means you can duplicate it and it will continue to work without interferences. That was not easy to do. That’s why the clising button is outside of the element and works for every element.
2/ Check the Dashboard page inside the site. As the full node panels are hidden, it can be tedious to edit. So the content of the panels sits in a div that is transformed to a Symbol. This page hosts all the symbols so the edition of the pages is way easier. There are many occasions in Webflow where you can use Symbols for content that is difficult to access, so you can create a dashboard page with all difficult to access elements.
Clone it, make it better!