Parallax effect using Scrolltrigger

[Tarik khatry]

Hello my gorgeous teachers on the internet!😃

 

i am beginner with website designing and coding.

so this is a parallax effect that i learned from this youtube tutorial

 

 

MAIN PROBLEM : This tutorial uses ScrollMagic for achieving the effect in the website but i want to use the gsap's ScrollTrigger.

i have created a pen. can you please help me with javascript : )

 

thank you for your time!

See the Pen OJNEEZY by Trixx94 (@Trixx94) on CodePen

[ZachSaucier]

Hey Tarik. There are several ScrollTrigger parallax demos listed in the demos list on the ScrollTrigger docs page. Check them out!

[elegantseagulls]

Hi @Tarik khatry,

 

There's a few things with your demo that are throwing ScrollTrigger off. First, when using it in the timeline you want to camelCase scrollTrigger. Also, the way your code (html and css) is setup, it won't want to scrub your animation using bottom bottom, try end: "+=100%"  and finally, your trigger is looking for the class .first-section, not the id.

[Tarik khatry]

Sorry for late reply

Thank you @ZachSaucier these examples helped me.

Thank you sir @elegantseagulls

Thank youuu! for you help

also i just visited your website few days back and trust me I was suprised with the animations and effects. I really loved the website ❤... I still can believe you answered my doubt