网站与ScrollMagic引脚 [英] Website with ScrollMagic pins

问题描述

有人知道如何使用ScrollMagic产生类似 http://appliancetecltd.com/ 的效果。我想要这样的东西，但我需要更多的运动，像这样查看图片，但我不知道如何使用它，没有很多文档关于它的用法，可以有人帮助我吗？
我在这里有一些代码：

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);

但它不能正常工作，我不知道如何使精确的运动。 p>

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

推荐答案

此问题已在此处提出并回答： https://github.com/janpaepke/ScrollMagic/issues/212

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

这篇关于网站与ScrollMagic引脚的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！