html - 滚动全景—— 'pin'

Question

我正在尝试从 scrollorama ( http://johnpolacek.github.io/scrollorama/ ) 实现“pin”功能，但我不确定我使用代码的哪些部分将其拉入我自己的文件中。

我在哪里调整它在屏幕上的固定位置等？它是如何直接连接到“#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/