WHY?

SmoothScroller parallax page example because why not.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et metus id ligula malesuada placerat sit amet quis enim. Aliquam erat volutpat. In pellentesque scelerisque auctor.

Ut porta lacus eget nisi fermentum lobortis. Vestibulum facilisis tempor ipsum, ut rhoncus magna ultricies laoreet. Proin vehicula erat eget libero accumsan iaculis.

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a lacus est. Etiam diam metus, lobortis non augue at, placerat viverra risus. 

Animate elements at different speeds

Simply add a data speed attribute on your element or adjust the speed via JS with scroller.effects()

1.1 1.3 1.2

create simple

p
a
r
a
l
l
a
x
e
f
f
e
c
t
s

data-speed="auto"

  • add some lag
  • .
    .
    .
    t
    h
    e
    g
    o
    o
    d
    k
    i
    n
    d
  • using data-lag

Works seamlessly
alongside ScrollTrigger.

ScrollSmoother plays nicely with ScrollTrigger and GSAP for super-flexible, mega-robust animation capabilities.