Scrollorama - 'pin'

时间:2013-10-29 05:29:33

标签: html5 css3 superscrollorama

我正在尝试从scrollorama(http://johnpolacek.github.io/scrollorama/)实现'pin'功能,但我不确定我使用哪些代码部分来引入我自己的文件。

我在哪里调整它固定在屏幕上的位置等?那怎么直接与'#unpin'和h2元素相连?

1 个答案:

答案 0 :(得分:0)

固定

    controller.pin($('#examples-2'), 3000, {
  anim: (new TimelineLite())
    .append(
      TweenMax.fromTo($('#move-it'), .5, 
        {css:{left: -200, top: 500}, immediateRender:true}, 
        {css:{top: -400}})
    )
    .append(
      TweenMax.to($('#move-it'), .5, 
        {css:{left: 0}})
    )
});

删除图钉

controller.removePin('#examples-2', false);

您可以在超级滚动页面http://johnpolacek.github.io/superscrollorama/

上看到更多细节