Chapter 325: ScrollSmoother.create

Core Idea

Creates (and returns) a new ScrollSmoother instance. There can only be one, of course, at any given time because it's controlling the scroll of the root page.

Code Examples

<body>
  <div id="smooth-wrapper">
    <div id="smooth-content">
      
    </div>
  </div>
</body>

What it demonstrates: typical usage of ScrollSmoother.create in a GSAP animation.

Key Takeaways

Creates (and returns) a new ScrollSmoother instance. There can only be one, of course, at any given time because it's controlling the scroll of the root page.

Connects To

kill(): see ch317 — .kill
ScrollSmoother.get(): see ch326 — ScrollSmoother.get
ScrollTrigger: related GSAP concept
effects(): see ch315 — .effects