捕捉到定位點動畫

我使用的是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

捕捉到定位點動畫

回答

相關問題