0

周末我尝试学习scrollorama，过去我尝试学习和使用很多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
    });
4

0 回答 0