Michael Gudzevskyi Posted July 27, 2020 Share Posted July 27, 2020 Hi friends! Please tell me does anyone have an idea how can I implement this scroll effect by using GSAP and locomotive-scroll? EXEMPLE https://www.designembraced.com/ CODEPEN: Thank you guys See the Pen YmVNEx by ClementRoche (@ClementRoche) on CodePen Link to comment Share on other sites More sharing options...
akapowl Posted July 27, 2020 Share Posted July 27, 2020 Hey @Michael Gudzevskyi The effect on that page is achieved with use of smooth-scrollbar library and pixi.js. Actually, the creator put his code in the issues-section of smooth-scrollbar library on GitHub once. Here is the link. https://github.com/idiotWu/smooth-scrollbar/issues/222 I don't think it is that easy to create sth like that - at least it isn't to me. Maybe the code from the link can help you get where you want, though. Cheers, Paul 3 Link to comment Share on other sites More sharing options...
ZachSaucier Posted July 27, 2020 Share Posted July 27, 2020 Most of that effect is powered by curtains.js, there's not much happening on scroll besides updating some values (which ScrollTrigger can easily do). To recreate the effect, I recommend reading the curtain.js docs and then looking into that code that @akapowl linked to. 3 Link to comment Share on other sites More sharing options...
akapowl Posted July 27, 2020 Share Posted July 27, 2020 Oh, yeah, @ZachSaucier totally right. It is curtains.js and not pixi.js - my bad. Don't know why pixi.js came to my mind when it obviously says curtains.js in the title. 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now