Detect if scrolling stopped with scrolltrigger

[fonveton 3 Likes (Newbie)]

Is there a way to detect scrolling stopped while using scrolltrigger. I have an element i'm rotating based on scrolling direction with self.direction but I want that element to return original rotation when scrolling stopped. Is there an event or some other way that I'm having a hard time finding?

[akapowl 5,134 Likes (Superhero)]

 

There is a 'scrollEnd' event.

 

Quote

[...]

• "scrollEnd" - when any ScrollTrigger-related scroller stops scrolling (when roughly 200ms elapses since the last "scroll" event AND the user doesn't have a pointer/mouse pressed on the document/scrollbar)

These events get dispatched globally when any such ScrollTrigger-related event occurs (it is not tied to a particular instance).

 

 

ScrollTrigger.addEventListener("scrollEnd", () => console.log("scrolling ended!"));

 

https://greensock.com/docs/v3/Plugins/ScrollTrigger/static.addEventListener()

 

[fonveton 3 Likes (Newbie)]

Thank you. Is there a way to apply this to a specific scrolltrigger which is inside a gsap.timeline?

[elegantseagulls 1,409 Likes (Superhero)]

I think you could also use getVelocity and check if that's 0 inside the scrollTrigger object: https://greensock.com/docs/v3/Plugins/ScrollTrigger/getVelocity()

[akapowl 5,134 Likes (Superhero)]

53 minutes ago, fonveton said:

Is there a way to apply this to a specific scrolltrigger which is inside a gsap.timeline?

 

Judging from the descripiton in the docs, I don't think so, as it says that those are global events.

 

2 hours ago, fonveton said:

I have an element i'm rotating based on scrolling direction with self.direction but I want that element to return original rotation when scrolling stopped.

 

Based on that description of yours, maybe on of these threads below can help. If they don't, a minimal demo of your scenario would be really helpful.

 

 

 

[fonveton 3 Likes (Newbie)]

Thanks again. This solved my problem.