クリックごとに `animate()`で整数値を増やす方法

各クリックで animate()の整数値を増やすにはどうすればよいですか?

例えば、

html、

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 6
  • 7
more

jquery、

$('.more').click(function(){
   $('.items-thread').animate({scrollTop:50}, 500);
   return false;
});

最初にボタンをクリックすると、 .items-thread の要素が 50px までスクロールされ、ボタンを2回目にクリックすると 100ピクセルなどです。

0
あなたはこれと一緒に行くCSSを投稿できますか? items-thread height は制限されていますか?
追加された 著者 ThinkingStiff,

3 答え

単に "+ ="を使用してください

see this fiddle it adds 50 px margin-left on each click http://jsfiddle.net/pixelass/eKkZ4/

$('.more').click(function(){
   $('.items-thread').animate({marginLeft: '+=50px'}, 500);
   return false;
});
3
追加された
ありがとう、ピクセル:-)
追加された 著者 laukok,
私はいつも喜んで助けてくれる
追加された 著者 pixelass,

これのようなものがそれをするでしょう。

$('.more').click((function(){
   var nScrollTop = 0;

   var animate = function() {
       nScrollTop += 50;
        $('.items-thread').animate({scrollTop: nScrollTop}, 500);
        return false;
   };

   return animate;   
})());
1
追加された
ありがとう、ピーター! :-)
追加された 著者 laukok,

変数を使用し、クリックごとに値を増やします。

var scrollAmount = 50;
$('.more').click(function(){
    $('.items-thread').animate({scrollTop:scrollAmount}, 500);
    scrollAmount += 50;
    return false;
});
0
追加された
ありがとう、デイヴィッド! :-)
追加された 著者 laukok,
あなたは大歓迎です。助けになることをうれしく思います。 =)
追加された 著者 David Thomas,