Add smooth, intuitive scroll snapping that works right inside the designer and won't impact load times with this custom CSS method! Links to everything in the description! Help us teach more people by leaving us a like and a comment.
Cloneable:
https://webflow.com/website/css-scroll-snap
Code snippets for this project:
https://github.com/joel-anansicreative/scroll-snapping/blob/master/CSS
https://github.com/joel-anansicreative/disable-scroll-bars/blob/master/CSS
Learn more about the topic:
https://css-tricks.com/practical-css-scroll-snapping/
This method of scroll snapping has many benefits over javascript / jquery based options. Because we are only using a few lines of CSS we won't slow the site down at all and its viewable right in the designer. So how do we make it? We need a full screen wrapper which controls the snapping of the sections which are inside it. Then we add an embed which contains the CSS needed for the functionality.
Say hello!
Instagram https://www.instagram.com/anansi_crea...
Facebook https://www.facebook.com/anansicreati...
https://www.anansicreative.com/
Tools used for this project
https://webflow.com/
