Jump to content
Search Community

ScrollTrigger, Trigger shifted

ChavazDesign test
Moderator Tag

Recommended Posts

Hello !

 

I'm here because i've got a probleme with the ScrollTrigger and i'm not able to find the way to find and fix it.

I'm using the batch methode for animate my wordpress articles items. Like this:

gsap.set("._post__list__item", {autoAlpha: 0, scale: 0, translateY: 120,});

    ScrollTrigger.batch("._post__list__item", {
        start: "bottom bottom",
        onEnter: batch => gsap.to(batch, {
            autoAlpha: 1,
            stagger: 0.15,
            transformOrigin:"center bottom",
            translateY: 0,
            scale:1,
            duration: .8,
            ease: "circ.inOut",
        })
    }); 

And i'm pretty sure that was working perfectly when i did this and made my tests. But after coding and modify other things, i noticed something going wrong with it. The items should be triggered when the bottom of the objects touch the bottom of my viewport. And now there is a gap getting bigger between each apparitions. Even the lasts items are not beeing visible !

 

what could i have done that affect the apparitions of my items and creating that gap ?

Can you advice me a way to debug it ?

Link to comment
Share on other sites

Hey, thanks for your reply :)

aie aie i'm so talented for weird issues

 

The thing is, i'm actually working on a local Xamp server and it's difficult for me to show on a live page. I tried to make a minimal demo in my side, but everything work fine with that piece of code i linked you. I made a full afternoon of research without any success. maybe i'll come back later for that when i'll put it online.

 

edit:

I just find out that the issue is only on Edge, every things work just fine on Chrome and Firefox. Maybe with that information you have a clue of what is going wrong ?

Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...