Scrollmagic vs Skrollr

Question

我正在尝试学习ScrollMagic库并使用它来实现与skrollr可以做的相同的效果。我一直在研究的一个例子是，当你第一次加载应用程序时，菜单栏最初出现在页面底部，但随后它会向上滚动到顶部并保持固定。

以下代码使用Skrollr实现此目的

<div class="menu" data-0="transform:translate3d(0,0px,0)"></div>

CSS

.menu {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 70px;
  z-index: 999;
}

JS

 $(function () {
     var window_width = $(window).width(),
         window_height = $(window).height();
     var menu_height = $(".menu").height(),
         menu_offset = window_height - menu_height;
     $(".menu").attr("data-top", "transform:translate3d(0," + -menu_offset + "px,0)")
     var s = skrollr.init();
 });

我试图看看ScrollMagic是否可以做类似的事情，但我发现他们的官方维基缺乏文档。我明白他们有一个内置的“pin”功能。但对我而言，它并不高效，因为它不使用变换：像我上面的例子一样翻译，而是使用绝对定位与top：bottom：