title site Lorem, ipsum dolor sit amet consectetur adipisicing elit.

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 section Lorem, ipsum dolor sit amet consectetur adipisicing elit.

I'm 01moving in
this direction

01.
Speed control offset 200

Each element can be animated at a different speed. You get to chochochoose!

..1 image
01 Lorem ipsum dolor
01

I'm 02 moving in this direction

..2 image
02 Lorem ipsum dolor
02

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

..3 image
03 Lorem ipsum dolor
03

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

02 sectionLorem, ipsum dolor sit amet consectetur adipisicing elit.

I'm 03moving in
this direction

02.
Speed control offset

Each element can be animated at a different speed. You get to chochochoose!

s.2..1 image
04 Lorem ipsum dolor
0.4

I'02'm 02moving in this direction

s.2..2 image
05 Lorem ipsum dolor
0.5

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat

s.2..3 image
06 Lorem ipsum dolor
0.6

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat

s.2..4 image
07 Lorem ipsum dolor
0.7

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat

03 sectionLorem, ipsum dolor sit amet consectetur adipisicing elit.

03.
Lerp elements

Stagger those smooth animations using delays to create a rushing or dragging effect.

01 I have a lerp image
02 Me too!
And even more image
03 B y L e t t e r image
04 Soooo smooooth image

04 sectionLorem, ipsum dolor sit amet consectetur adipisicing elit.

image

01Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

image

02Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

05 sectionLorem, ipsum dolor sit amet consectetur adipisicing elit.

04.
Fixed elements

Create slides that stick and untick to the viewport while scrolling through.

05 sectionLorem, ipsum dolor sit amet consectetur adipisicing elit.

Damn You really like to scroll

image