[Tweenmax scale to performance issues (jumpy, intermittent)]

Hi OSublake,

 

Thanks for the reply. I got the username and password wrong, it is:

 

Username: Athena Syntax

Password: Athenasyntax2018!

 

Appreciate it might not be due to GSAP, but I noticed a few similar threads here that explored similar issues so I thought I'd check to see if there was anything anyone could think of.

 

Thanks again,

 

Matt

[Tweenmax scale to performance issues (jumpy, intermittent)]

Hi guys,

 

Firstly, thanks for the awesome technology. We use it a lot here in our studio.

 

We've run into some issues with a site we're developing where scaling a div on scroll using ScrollMagic causes really jumpy performance on Chrome on Mac.

 

We've tried all the usual - taking off/putting on will-change transform, setting a slight rotation at 0.01, backface visibility etc...

 

You can see it here:

 

http://athenasyntax.chaptr.studio

Username: Athena Syntax

Password: CH-AthenaSyntax-18!

 

Here's the initialisation:

 

    if ($('body').hasClass('page-template-page-template-home')) {
        var controller = new ScrollMagic.Controller(),

        tween = TweenMax.to('#pin', 1, {
            rotation: 0.01,
            scale: 1,
            ease: Linear.easeNone,
        }),

        $hero_height = ($('#hero').outerHeight() / 2) - 140;

        scene1 = new ScrollMagic.Scene({
            triggerElement: "#pin",
            triggerHook: 'onLeave',
            offset: -10,
            reverse: true,
        })
        .setPin("#pin")
        .setClassToggle('body', 'pinned')
        .addTo(controller);

        var scene2 = new ScrollMagic.Scene({
            triggerElement: "#hero",
            duration: 100,
            triggerHook: 0,
            reverse: true,
        })
        .setTween(tween)
        .addTo(controller);
    };

 

I'm just wondering if I'm doing anything wrong. Any help would be really appreciated, so thanks in advance.

 

Matt