jquery：动画scrollLeft与回调函数不必要的延迟答案

【问题标题】：jquery: animate scrollLeft with unwanted delay to callback functionjquery：动画scrollLeft与回调函数不必要的延迟
【发布时间】：2014-01-16 19:13:46
【问题描述】：

我刚刚开始使用 jQuery。我的大部分动画都使用了 Greensock，所以如果这是一个愚蠢的问题，我深表歉意。但是，我正在尝试做一个新闻代码类型的东西，它将文本滚动到左边，当它结束时，它会重置并重新开始。我大部分时间都在工作，但是由于某种原因，我延迟了回调函数来重置它的位置，我不知道为什么（而且我不想要它）。我的动画调用如下所示：

tt.animate({
    scrollLeft: parseInt(tt.width())
}, 10000, 'linear', backToStart);

原始 HTML：

<div id="ticker">
    <div id='tickerholder'>
        <div id='tickertext'></div>
    </div>
</div>

这是一个查看示例的链接：http://jsfiddle.net/ctf7L/1/

感谢您的帮助！

【问题讨论】：

标签： jquery callback scroll jquery-animate delay

【解决方案1】：

显然我的问题是使用 scrollLeft。我在文本上方添加了一个额外的 div，然后为文本的左侧位置设置了动画...完全有效http://jsfiddle.net/ctf7L/3/我将**放在我添加的新 div 中。

<div id="ticker">
    <div id='tickerholder'>
        **<div id='tickerbackground'>**
            <div id='tickertext'></div>
        **</div>**
    </div>
</div>

【讨论】：