捕捉到定位点动画

我使用的是great plugin，它在指定的邻近范围内滚动时捕捉到定位点。不过，我想添加动画效果，但似乎无法使其工作。捕捉到定位点动画

这是我能想出的最好代码：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(document).scrollsnap({ 
     snaps: '.snap', 
     proximity: 200, 
     }, 300,"easeInOutExpo"); 
    }); 
</script>

我怎样才能使这项工作？

来源

2013-05-30 user2437403

从你链接到的页面：'请注意，这个插件只是实现了垂直捕捉逻辑，并没有提供样式。“在这种情况下，还有什么'样式'可以表示动画？ – 11684

望着code，它看起来像它会尝试，只要动画卡，你实例化插件使用的元素，而不是文件本身：

$(scrollingEl).animate({scrollTop: (matchingEl.offsetTop + settings.offset)}, 200);

因此，我建议实例它会引用您的页面的顶级元素。

从上面可以看出，持续时间和缓动是硬编码的，但是修改插件代码很容易，以便您可以根据需要通过插件设置动态设置这些属性。

来源

2013-05-30 17:04:08

捕捉到定位点动画

回答

相关问题