Locomotive Scroll (Smooth Scrolling) in Webflow

Описание

In this tutorial, we'll cover how to use locomotive scroll in Webflow to create awesome interactions while still using position fixed, sticky, and css interactions.

00:31 About Locomotive
01:35 Setting Up Locomotive
02:29 Setting Scroll Speeds on Elements
05:25 Setting Scroll Position
06:06 Adding Scroll Delays
07:24 Horizontally Scrolling Text
08:42 Adding Position Sticky
10:43 Animating an Element When Scrolled in View
12:50 Adding Scroll Offsets

Get the code for this project at https://www.notion.so/timothyricks/Locomotive-Scroll-cfdc6b5523ed43cea0412069a534f07c

Get the cloneable for this project (affiliate link)
https://webflow.grsm.io/locomotive

View on GitHub at https://github.com/locomotivemtl/locomotive-scroll

Learn more about Locomotive at https://locomotivemtl.github.io/locomotive-scroll/

If you've found value in this content, please consider supporting this channel by becoming a patron. As a special thank you, you'll receive access to gated content. https://www.patreon.com/timothyricks

Try Webflow using my affiliate link below.
https://webflow.grsm.io/4840096