Need help with the scroll Snap with CSS pleaseeee ❤️

Design help Custom code
1

Hi guys!!! hope you are great!

I’m having some problems to make my website work with Scroll Snapy, i’m using this example (https://webflow.com/website/scroll-snap-with-section-links) but it doesn’t work at all… i can’t share the original website, but i tried in another site, just to figure out if the problem was the structure of the good one, but nothing… it doesn’t work :frowning:

It seems so easy… but i’m struggling with this :confused:

Screenshot 2022-04-19 at 20.29.16
Screenshot 2022-04-19 at 20.29.161074×860 31.5 KB

Screenshot 2022-04-19 at 20.29.32
Screenshot 2022-04-19 at 20.29.32836×840 70.4 KB

Anyone has idea about this?

https://preview.webflow.com/preview/test-site-e8aa5a?utm_medium=preview_link&utm_source=dashboard&utm_content=test-site-e8aa5a&preview=9cc110c549c49552557c2a7e55b41c88&workflow=preview

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

2

There is also some more custom code you need in Pages>Home>Settings. Scroll to the bottom and you will see it at the “Before tag” section.

1 Like
3

Hi! thanks for your help!!!

i tried, but not working… :confused:
anyway, this guy is not using any extra code
https://preview.webflow.com/preview/css-scroll-snap?utm_medium=preview_link&utm_source=showcase&utm_content=css-scroll-snap&preview=60c93a42cddd0bd16daafddd38643ed2

4

Sorry that didn’t work for you.
On the other example, I did notice they didn’t have the code in the page settings but it could be in the project settings.
It’s hard to help without actually seeing the website too.
Hopefully someone else has a better solution for you.

5

Ok, I think I figured it out.
The scroll-snap-wrapper needs the overflow to be set to scroll and the height needs to be 100vh not 100%.

6

Was getting super frustrated with this as well.

Setting the container overflow: **auto** and height: 100vh worked for me along with the HTML embed code and additional code found in the body tag.