Scroll Effects

Smooth Scrolling

On occasion, Webfow's built-in section nav does not smooth scroll. This can typically be fixed with some CSS in the /head custom code area.

Smooth scrolling on a page nav change

If you're wanting to smooth scroll to a #section on page nav change, you may be able to do this with some JS in the /body custom code area.

Special Scrolling Effects

https://www.youtube.com/watch?v=xlYcrGhMKmE&ab_channel=FluxAcademy

https://www.youtube.com/watch?v=FkvImc0l9zU&ab_channel=TimothyRicks

Unmask Sections While Scrolling in Webflow

https://www.youtube.com/watch?v=4oA37S3ruqE&ab_channel=TimothyRicks

Lenis Smooth Scroll in Webflow

https://www.youtube.com/watch?v=5YhfjQmvJ3w&ab_channel=TimothyRicks

Locomotive Scroll

https://www.youtube.com/watch?v=D-vYtfcz0NI&ab_channel=TimothyRicks

‍