javascript - Skrollr:创建即时移动？

Question

我正在使用 Skrollr 使用其 margin-top 对 div class="box" 进行动画处理，但我的问题是我需要即时更改，而不是动画 ..

这个JSbin显示我正在处理的内容，当 data-top-bottom 为 时，我需要红色 div 的 margin-top 为 0px >data-anchor-target=".space" 但立即没有动画...

我尝试了所有这些属性

skrollr.init({
    forceHeight: true,
    smoothScrollingEnabled: false,
    smoothScrollingDuration: 1,
    smoothScrolling: false,
    forceRender: true
});

但没有任何帮助我......

那么换句话说:有没有办法从skrollable-before到skrollable-after而不通过skrollable- Between

希望有办法做到这一点......

Answer 1

只需在值前添加一个感叹号，如此处所述 https://github.com/Prinzhorn/skrollr#preventing-interpolation

margin-top: !300px;
margin-top: !0px;

http://jsbin.com/degobovi/5/edit