one scroll next section (6 sections) using triggerelement

[Jim Balbin]

Hi, I have run ScrollTrigger (in Swiper Slider), but I think I'm failing in the css. I am sending you a demo and below is another one made with ScrollMagic which is how I would like it to be applied in Swiper. Maybe using ScrollMagic if it can be done but I have trouble applying it.

The goal is As shown in Swiper Slider but to work as the ScrollMagic.

See the Pen dyGXOpg by jim-balbin (@jim-balbin) on CodePen

[ZachSaucier]

Hey Jim. Thanks for posting a demo and making a new thread.

 

ScrollMagic isn't a GreenSock product and we don't really recommend using it. 

 

It looks kind of like you attempted to use the demo that I shared with you but at the same time it doesn't because you're not loading ScrollTrigger, ScrollToPlugin, or any version of GSAP 3. I really encourage you to watch the ScrollTrigger video, look at the docs, and understand the demo (and other demos) that I shared. Try getting it working (without ScrollMagic, GSAP 2, or probably even Swiper) and let us know any specific questions that you have. We're happy to help but we don't have the capacity to do it for you.

[Jim Balbin]

Thanks Zach, ur example is here: 

See the Pen YzyaKrq?editors=1010 by GreenSock (@GreenSock) on CodePen

 

I will try to adapt it to my need with your navigation. thanks for the demos and i'm going to read the documentation.
Can I write you here if something is difficult for me?

 

 

[ZachSaucier]

4 minutes ago, Jim Balbin said:

Can I write you here if something is difficult for me?

For sure.

[Jim Balbin]

Hello, I have this problem with the following:

I want the first section to be visible and continue to the end and continue browsing. the navigation buttons does not work for me to return.

 

[ZachSaucier]

On 6/13/2020 at 9:58 PM, Jim Balbin said:

the navigation buttons does not work for me

You need to add the #:

scrollTo: "#" + e.target.getAttribute("href")