Javascript Scrollmagic vs Skrollr

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

下面的代码通过Skrollr实现了这一点

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

JS

我试图看看ScrollMagic是否可以做类似的事情，但我发现他们的官方维基缺乏文档。我知道他们有一个内置的“pin”功能。但对我来说，它效率不高，因为它没有像上面的例子那样使用transform:translate，而是使用绝对定位和top:bottom:

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

 $(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();
 });