Jquery：按一定数量设置向左滚动的动画

现在从开始滚动到特定位置100px。如何表达这一点，使每次点击scrollbutton时，它向左滚动100px

提前感谢。

试试这个：

var xxx= 100px;

$(".scrollbutton").click(function () { 
    $('.selector').animate({scrollLeft:xxx)}, 500);
});

---

我建议采取以下解决办法：

var xxx= 100;

$(".scrollbutton").click(function () { 
    $('.selector').animate({scrollLeft:"+="+xxx)}, 500);
});

工作小提琴：

---

基于

.animate（）

的jQuery文档：

动画属性也可以是相对的。如果为值提供了前导的+=或-=字符序列，则通过从属性的当前值中添加或减去给定数字来计算目标值

例如：

[…]左：“+=50”，[…]

var scrollLeftAmount = 100;
$('.scrollbutton').click(function () { 
    $('.selector').animate({
        scrollLeft:'+='+scrollLeftAmount
    },500);
});