jQuery vertical autoscroll无法正常工作

Question

我正在尝试将div中的文本设置为垂直自动滚动（以一种速度）并在用户将光标悬停在其上时暂停，但似乎无法使我的代码正常工作。我怎样才能实现这一目标？到目前为止，这是我的代码：

的JavaScript

$('#scroll').children().animate({'margin-top': '-=' + ($('#scroll').children().height()-100)}, 10000);

HTML

<div id="scroll">Content here and more content here<br />
        <br />
        Content here and more content here<br />
        <br />
        Content here and more content here<br />
        <br />
        Content here and more content here<br />
        <br />
        Content here and more content here<br />
        <br />
        Content here and more content here<br />
        <br />
        Content here and more content here<br />
        <br />
        Content here and more content here<br />
        <br />
        Content here and more content here<br />
        <br />
        Content here and more content here<br />
        <br />
        Content here and more content here<br />
        <br />
        Content here and more content here<br />
        <br />
        Content here and more content here<br />
        <br />
        Content here and more content here </div>​

此外，我还在此处上传了我的代码：http://jsfiddle.net/5DmZh/。

Answer 1

更具成本效益的方法是在#scroll内放置另一个包装器并为其设置动画，而不是尝试定位每个子元素。

在 jsfiddle 查看我的代码，不过我想你想让动画永远循环。