Jevermind
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by Jevermind
-
-
24 minutes ago, mvaneijgen said:
Hi @Jevermind welcome to the forum!
ScrollTrigger uses the normal scroll of the browser to do its magic, so disabling it is not something that is easily fixed again. You can set a different scrolling element as the ScrollTrigger, check the scroller property https://gsap.com/docs/v3/Plugins/ScrollTrigger/scroller
That said, is this maybe what you're looking for? It is an Observer effect that takes the page over, until it is done and then the normal scrolling takes effect.
Hope it helps and happy tweening!
I think my demo is quite similar to this
See the Pen oNdNLxL by GreenSock (@GreenSock) on CodePen
. the difference is I'm using Observer for 2 sections. Instead of returning to the native scroll of HTML like the example above. I want to return my custom scroll when I already disabled the native when the body has hidden overflow.
You said I can set a different scrolling element as the ScrollTrigger. I don't get it
-
Hi everyone, I have some trouble with my project.
I'm trying to mix Observer and Scrolltrigger. I have a body with overflow: hidden to disable the native scroll of HTML. I am using a manual scroll with a Scrolltrigger. But I'm facing a problem when it becomes the manual scroll. It doesn't run onEnter and onEnterBack then using Observer to snap back. How can I make onEnter and onEnterBack run while keeping overflow: hidden in the body and the manual scroll?
onEnter , onEnterBack scrolltrigger with overflow
in GSAP
Posted
Thanks for you solution