我想要animate scrollleft +=一个变量，但我似乎不能使它没有一个特定的数字工作 &

Question

请帮忙。

现在我有一个按钮，可以滚动div 500并将当前位置设置为500。我需要用一个变量来替换500。所以+=一个变量数。如有任何帮助，不胜感激。

$('#button').click(function() {
$('#row_01').animate({
scrollLeft: '+=500'
}, 1000);
});
$('#button_alt').click(function() {
$('#row_01').animate({
scrollLeft: '-=500'
}, 1000);
});

我想在点击时滚动一个百分比距离的div

Answer 1

您是否尝试过通过'+=' + increment进行串联?

?

const increment = "10%";
$('#button').click(function() {
$('#row_01').animate({
scrollLeft: '+=' + increment
}, 1000);
});
$('#button_alt').click(function() {
$('#row_01').animate({
scrollLeft: '-=' + increment
}, 1000);
});