html - Scrollorama -- 「ピン」

Question

scrollorama ( http://johnpolacek.github.io/scrollorama/ ) から「ピン留め」機能を実装しようとしていますが、自分のファイルにプルするために使用するコードの部分がわかりません。

画面上のピン留めされる場所などはどこで調整できますか? そして、それは「#unpin」と h2 要素にどのように直接接続されているのでしょうか?

Answer 1

ピン留めする

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

詳細については、super scrollama ページ http://johnpolacek.github.io/superscrollorama/で確認できます。