[scrollTop not working on ios]

It is, it just needed to by inside quotation mark. Thanks for your help.

[scrollTop not working on ios]

See the Pen RxpKvr by mangicapra (@mangicapra) on CodePen

 

For some reason here is working and in my project it wont..

[scrollTop not working on ios]

Yes, it's included.

[scrollTop not working on ios]

It won't work:

Uncaught TypeError: Failed to execute 'scrollTo' on 'Window': parameter 1 ('options') is not an object.

[scrollTop not working on ios]

Hi guys,

i have a problem when using scrollTop on ios phones that cant recognize. Is there a way to fix it? This is my code: 

        TweenMax.set('.trail-wrapper', { alpha: 0 })
        TweenMax.set('.cloud', { alpha: 0 })
        var tl = new TimelineMax({ paused: true });

        tl.to('.trail-wrapper', 0.5, { alpha: 1 })
            .to('.cloud', 0.5, { alpha: 1 })
            .to('.rocket-wrapper', 1.5, { y: -400, ease: Expo.easeIn })
            .to('.cloud', 2.5, { attr: { cy: 185 }, ease: Expo.easeIn }, "-=3")
            .set('.cloud', { clearProps: "all" })
            .set('.rocket-wrapper', { y: 0 })
            .to('body', 1, { scrollTop: 0, autoKill:false })
            .to('.rocket-wrapper', 4, { y: 0, ease: Elastic.easeOut.config(0.5, 0.4) })
            .to('.trail-wrapper', 2.5, { scaleX: 0.5, scaleY: 0, alpha: 0, ease: Expo.easeOut }, "-=2.0")

        $('.toTop').on('click', function () {
            tl.play(0)
        });

 

[svg finger animation]

Hello guys, this is my codepen and i would like to animate that finger so it looks like it touches screen. Any idea how to do that?

See the Pen RjyPqL by mangicapra (@mangicapra) on CodePen

[Reanimating on click]

thanks dude, that's it  will do that, and thank's for this fast answer.

[Reanimating on click]

Hi guys, i'm new to GSAP and i'm loving it, it's great. I want to animate rocket to ScrollTop on click and i've managed to do that but if i have more clicks it wont show (trail and smoke), only animates rocket and scroll. I tried with clearProps but no luck. Any ideas? This is my click code.

    TweenMax.set('.trail-wrapper', {alpha:0})
    TweenMax.set('.cloud', {alpha:0})
    var tl = new TimelineMax();
    $('.toTop').on('click', function () {
           tl.to('.trail-wrapper',1 , { alpha:1 })
             .to('.cloud', 1, { alpha: 1 })
             .to('.rocket-wrapper', 3, { y: -400, ease: Expo.easeIn })
             .to('.cloud', 3, { attr: { cy: 185 }, ease: Expo.easeIn }, "-=3")
             .set('.cloud', { clearProps: "all" })
             .set('.rocket-wrapper', { y: 450 })
             .to('html' , 1, { scrollTop:0 })
             .to('.rocket-wrapper', 4, { y: 0, ease: Elastic.easeOut.config(0.5, 0.4) })
             .to('.trail-wrapper', 2.5, { scaleX: 0.5, scaleY: 0, alpha: 0, ease: Expo.easeOut }, "-=2.0")
    });

 

See the Pen BLVOOj?editors=1010 by petebarr (@petebarr) on CodePen