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();
});

祝你好运!!

每次点击链接时如何滚动我的div？

2 个答案: