Jquery 如何在每次单击时增加“animate（）”中的整数

如何在每次单击时增加

animate（）

中的整数

比如说,

html

---

当我第一次单击按钮时，

.items thread

的元素将向上滚动

50px

，当我第二次单击按钮时，它应该向上滚动

100px

，依此类推。

使用一个变量，并在每次单击时增加其值：

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

---

使用变量，并在每次单击时增加其值：

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

---

像这样的东西就行了

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

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

   return animate;   
})());

---

像这样的东西就行了

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

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

   return animate;   
})());

只需使用“+=”

看到这把小提琴了吗？每次点击都会增加50像素的余量

只需使用“+=”

看到这把小提琴了吗？每次点击都会增加50像素的余量

---

你能发布与此相关的CSS吗？

项目线程的
高度
有限吗？你能发布与此相关的CSS吗？
项目线程的
高度是否受限？
$('.more').click(function(){
   $('.items-thread').animate({marginLeft: '+=50px'}, 500);
   return false;
});