拉绳上的动画上/下效果更平滑答案

【问题标题】：Smoother Animate Up/Down effect on Pull Cord拉绳上的动画上/下效果更平滑
【发布时间】：2012-04-26 12:52:23
【问题描述】：

我正在尝试为拉绳设置动画，因此单击它会使“顶部”向下动画，然后当它到达底部时，一次又回到起始位置。

我已经为我想要实现的目标创建了一个小提琴。 http://jsfiddle.net/UUtXP/

但是，我想在它上使用缓动easeOutBounce。下降时效果很好，但在上升之间会有一个暂停。

是否可以在点击时一直做一个动画？

【问题讨论】：

标签： javascript jquery animation jquery-animate easing

【解决方案1】：

只需一个接一个地放动画：http://jsfiddle.net/maniator/94Dfg/

JS：

$('#rope').click(function() {
    $(this).animate({
        top: '-40',
        queue: true,
    }, 1000).animate({
            top: '-155px',
            queue: true
        }, 500);
});

【讨论】：

@gabitzish 它没有延迟。