Problems with ScrollTrigger.batch

[GM_sql]

 

Hi, I have a problem with ScrollTrigger.batch. I had decided and have switched to mobile version as a starting layout and this script doesn't work in case of other predefined layouts. What's wrong? Seems the opacity is still set to 0. I have to manually shrink/expand browser window to push it.

 

article {
    opacity: 0;

}
function showArticles() {
    ScrollTrigger.batch(articles, {
        onEnter: batch => gsap.to(batch, {autoAlpha: 1, stagger: 0.15}),
    });
}


(articles && articles.length > 0) ? showArticles() : null;

[OSUblake]

Hi GM_sql,

 

It's hard to answer to a question without a minimal demo showing the issue. Thanks!

 

[GM_sql]

Thanks @OSUblake, seems I've found the solution and it's not a plugin issue. I had 3 separated css files (thus it's not possible to replicate the code in codepen) that was loading in the order (mobile - all rules, tablet, desktop).