animate（{top： ' - =動的値'}、xxx）

Question

誰でも私を助けてくれますか？

div要素の内容を上下に自動スクロールしようとしています。このため私は.animate（）を使用しています。ここに私のjQueryのコードスニペットは、次のとおりです。

$(document).ready(function() { 
$('.jspPane').animate({ top: '-=100' }, 2000).animate({ top: '+=100' }, 2000).stop();}); 

HTMLは次のようになります。

<div class="widgetInnerWrapper"> 
    <div class="widget logos"> 
     <div class="title"> 
      <h3> 
       Membership</h3> 
     </div> 
     <div class="widgetContent"> 
      <div class="scrollContentWrapper"> 
       <div class="scroll-pane"> 
        <div id="logosFull"> 
         <div id="logosBottom"> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

私はそれが設定値で動作しますが、div要素の内容は変更される可能性があり得るかに管理し、私は希望

「 - = 100」と「+ = 100」の上位の値を何とか動的に置き換えることはできますか？または、アニメーションを別のものに置き換えますか？あなたは文字列の連結を使用する必要が

Answer 1

確かに、あなたがいる限り、彼らは文字列に解決するよう、動的アニメーション値を作成することができます。

var maxX = 200; 
$('.jspPane').animate({ top: '-=' + maxX }, 2000); 

Answer 2

：

top: "-=" + someValue