每次点击链接时如何滚动我的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();
});

祝好运 ！！