jQuery 运行 动画交替

Question

我有两个动画：

$("#div1").animate({scrollTop:$("#div1").width()},1000);

此动画将 div 滚动到最底部。 而第二个，

$("#div1").animate({scrollTop:0},1000);

动画回到顶部。

现在，我想运行这些动画交替，就像css动画有交替模式。这意味着一旦第一个动画结束，第二个动画开始，第二个动画结束，第一个动画开始，依此类推......

在 jQuery 中有什么方法可以做到这一点吗？

Answer 1

使它们成为无限相互调用的递归函数:

function goDown() {
$("#div1").animate({scrollTop:$("#div1").width()},1000,function(){goUp()});
}

function goUp() {
$("#div1").animate({scrollTop:0},1000,function(){goDown()});
}

调用任一函数开始疯狂