Question

我刚刚开始使用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/

感谢您的帮助！

Answer 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>

jquery：animate scrollLeft，带有不必要的延迟回调函数

1 个答案: