jquery - 每次单击链接时如何向左滚动 div？

Question

我从某个地方获取了这段代码并对其进行了调整。我设法向左滚动 400px。但是我希望每次单击链接时它都会向左滚动。我正在使用的脚本是：

$('.masternav a').bind('click',function(event){
  var $anchor = $(this);
  $('html, body ').stop().animate({
  scrollLeft: (400)}, 1000);
  event.preventDefault();
});

有人可以帮忙吗？

Answer 1

你可能想要这个：

$('.masternav a').bind('click',function(event){
            var $anchor = $(this);
            $('html, body ').stop().animate({
                scrollLeft: '+=40'}, 1000);
            event.preventDefault();
        });

每次单击时，这将滚动 40 像素。

Answer 2

如果为值提供了前导 += 或 -= 字符序列，则通过从属性的当前值中加上或减去给定数字来计算目标值。所以试试这个：

$('.masternav a').bind('click',function(event){
   var $anchor = $(this);
   $('html, body ').stop().animate({
            scrollLeft: "+=400")}, 1000);
            event.preventDefault();
});

祝你好运 ！！