Jquery：Animate ScrollLeft一定量

Question

var xxx= 100px;

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

现在从头开始滚动到特定位置100px。如何对此进行短语，以便每次单击滚动按钮时，它会向左滚动100px？

提前致谢。

Answer 1

试试这个：

var xxx= 100;

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

Answer 2

我建议采用以下解决方案：

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

工作小提琴：http://jsfiddle.net/ZNvLu/2/

---

基于.animate()的jQuery文档：http://api.jquery.com/animate/#basic-usage

  

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

示例：

  

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