滚动时触发脚本

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

希望这会对你有所帮助