jQuery垂直自動滾動不起作用

Question

我想在垂直自動滾動（以一種速度）的文本中獲取文本並暫停，當用戶將光標懸停在它上面但似乎無法讓我的代碼工作。我該如何去實現這個目標？這是到目前爲止我的代碼：

的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，但我想你想動畫循環永遠。