1

div内のテキストを垂直方向に自動スクロール（1つの速度で）し、ユーザーがカーソルをその上に置いたときに一時停止しようとしていますが、コードが機能していないようです。どうすればこれを達成できますか？これはこれまでの私のコードです：

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/。

4

1 に答える 1

2

より費用効果の高いアプローチは、#scrollすべての子要素を配置しようとするのではなく、内部に別のラッパーを配置してアニメーション化することです。

jsfiddleで私のコードをチェックしてください。ただし、アニメーションを永久にループさせたいと思います。

于 2012-11-06T15:12:27.337 に答える