试图学习Scrollorama

Question

我试着在周末学习scrolllorama，我过去曾尝试学习和使用很多jquery插件，从来没有遇到任何问题。然而，这个让我很困惑。

我已经搜索了stackoverflow和其他关于superscrollorama教程的网站，但是没有一个指定了确切的方法。

为了这个目的，我在这里做了一个小提琴。

http://jsfiddle.net/4o46jdj7/1/

这是我想要做的。红色div应该固定，然后#text-1应向上滚动淡出，淡出后，底部文本应向上滚动，一旦完成，它应该取消固定并移动到页脚。

以下是我正在使用的代码

var controller = jQuery.superscrollorama({
    triggerAtCenter: false,
    playoutAnimations: true
});

var pinAnimations = new TimelineLite();
pinAnimations
    .append(TweenMax.from(jQuery('#text-1'), .5, {css:{marginTop:'300px'}, ease: Quad.easeInOut}))
    .append(TweenMax.to(jQuery('#text-1'), .5, {css:{opacity: 1}}))
    .append(TweenMax.to(jQuery('#text-2'), .5, {css:{bottom:'30px'}}));

    controller.pin(jQuery('#member'), 600, {
        anim:pinAnimations
    });