滾動觸發腳本

Question

jQuery({someValue: 0}).animate({someValue: 38}, { 
duration: 1500, easing:'swing', 
step: function() { 
    $('#grow1').text(Math.ceil(this.someValue)); 
} 
}); 

我如何確保動畫不會啓動，直到用戶滾動到特定的div？

Answer 1

您可以使用類似http://scrollmagic.io之類的東西。它允許您在頁面中定義一些觸發器，然後在用戶觸及這些觸發器時執行回調（在這種情況下爲動畫）。看看這個例子：http://scrollmagic.io/examples/basic/custom_actions.html

希望這會幫助你