Website with ScrollMagic pins

帅比萌擦擦* 提交于 2019-12-22 00:15:50

问题


Does anybody know how can I use ScrollMagic to have an effect like here http://appliancetecltd.com/. I want something like that, but I need more movement something like this See Image, but I don't know how to use it, there is no much documentation about it's usage, can anybody help me? I have some code here:

new ScrollScene({
            triggerElement: "span.pin-trigger",
            duration: 500,
            offset: 650
        });
        var moveleft = TweenMax.to("#pin-inner", 1, {
            left: leftpinpx,
            ease: Sine.easeInOut
        });
        new ScrollScene({
            triggerElement: "span.pin-trigger",
            duration: 950   
        }).addTo(controller).setPin("#pin-outer").setTween(moveleft);

but it is not working well, and I don't know how to make exact movement.


回答1:


This question has already been asked and answered here: https://github.com/janpaepke/ScrollMagic/issues/212



来源:https://stackoverflow.com/questions/27633120/website-with-scrollmagic-pins

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!