This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.
A simple scroll library used by developers at Locomotive. Built as a layer on top of ayamflow's virtual-scroll, it provides smooth scrolling with support for parallax effects, toggling classes, and triggering event listeners when elements are in the viewport.
01.
Speed control
Each element can be animated at a different speed. You get to choo-choo-choose!
Speed x2
4x
Speed x4
1x 3x
Speed x6
2x 6x 9x
02.
Scroll direction
And if that wasn't enough, make 'em go backwards. Or upwards. Or downwards!
I'm moving in this direction
And in this direction
Sooo customizable. Right?
I can also go in this direction
Ok, enough!!!!
03.
Lerp elements
Stagger those smooth animations using delays to create a rushing or dragging effect.
01
I have a lerp
02
Me too!
And even more
And even more
03
B
y
L
e
t
t
e
r
04
Soooo smooooth
04.
Fixed elements
Create slides that stick and untick to the viewport while scrolling through.
If you Enjoyed Scrolling
Github
Check out Locomotive Scroll
This library has evolved considerably over the years. The architecture and conventions shift according to our projects.
Visit the GitHub repository page for a complete introduction and list of available options. Search the GitHub issue tracker carefully to check if your issue/feature has already been reported/requested before opening a new issue or submitting a pull request.
Neue Montreal
Pangram Pangram® Foundry
You like the font used on this page? Well this is your lucky day. You can get it on pangrampangram.com! Thanks to our good friend Mathieu Desjardins ❤️
🚂
🚂