GSAP Animations

Pin

Stick an element in place while the page scrolls past it.

Live demo

Scroll down to see it

Pinned

This band stays put…

…and this scrolls up over the pinned band.

How to set it up

Add it in under a minute

  1. Open the Section you want to pin → Animations → Scroll Motion (GSAP).
  2. Set Scroll Effect to Pin.
  3. Set Pin length (100 = one screenful of scrolling).
  4. Make sure there is content after it to scroll over, then Save.
Open the manual

Free & open source

Build with this element, free.

Install the framework and the Bootstrap 5 theme, then drag this element into any page.

Get the framework free