Stack Overflow
Stack Overflow

Questions tagged [scrolltrigger]

The official scroll plugin for GSAP.

The official scroll plugin for GSAP (GreenSock Animation Platform). ScrollTrigger controls any GSAP animation and supports play states, scrubbing, pinning, automatic resizing, callbacks, horizontal scrolling, and more.

View the ScrollTrigger docs and demos.

ScrollTrigger is licensed under GSAP's standard licensing.

116 questions
1
vote
1 answer

Gsap ScrollTrigger : Make my section translate on scroll

I'm trying to remake scroll effect from this website : https://wemakefab.com/ gsap.registerPlugin(ScrollTrigger); gsap.to(".scroll-content",{ scrollTrigger:{ trigger:".scroll-content", start:'top top', end:'bottom…
Beatles BOB
  • 333
  • 1
  • 13
1
vote
0 answers

How to correctly kill off and reinitialize ScrollTrigger? (Nuxt + LocomotiveScroll)

I'm using GSAP ScrollTrigger and LocomotiveScroll in a Nuxt application. Everything is working fine so far, except when changing routes. I guess, I have to kill off and reinitialize LocomotiveScroll and ScrollTrigger? The relevant JS: export default…
P-at
  • 11
  • 4
1
vote
1 answer

Animate SVG on scroll using GSAP

GSAP has this ScrollTrigger plugin that will trigger animations on scroll, that I would like to use. I already got a working SVG animation (without GSAP):
Fjott
  • 1,107
  • 3
  • 15
  • 38
1
vote
1 answer

Refresh GSAP ScrollTrigger after Barba transition

I'm unable to get ScrollTrigger working after a page transition. I'm using the views data within the barbs.init. /*PAGE TRANSITION*/ barba.init({ transitions: [{ name: 'opacity-transition', leave(data) { return…
user11911386
  • 29
  • 1
1
vote
1 answer

GSAP ScrollTrigger - Create a Timeline for Every Section

I have a "Projects" page where I'm showcasing project pieces and I want each one to fade in on scroll. I'm trying to implement a timeline for each project with the following HTML and JavaScript: