javascript - jQuery backgroundPosition 不接受多个值？

Question

我正在尝试使用变量作为坐标在我 body 的背景图像中设置动画，但 jquery 的 backgroundPosition 似乎只接受一个值。我尝试了一些东西，比如 backgroundPosition: distance1 + ""+ distance2, and backgroundPosition: distance1 + "-50px"(我希望它一直保持的值)，但即使我在 CSS 中设置了最高值，它只是默认为两者都使用我的第一个值(左)。任何帮助将不胜感激!

function shiftBoxes(distance1, distance2, id){
    activeBtn('pos' + id.substring(4));
    $("#boxMover").animate({
        marginLeft: distance1
    }, 500, function() {});
    $(document.body).animate({
        backgroundPosition: distance2
    }, 500, function() {});
}
//Add one of these for every box
//The distance to move to the next box is always -1804(*("#pos" + n) - 1) pixels
$("#pos1").click(function() {
    shiftBoxes('0', '-1400', '#box1');
});
$("#pos2").click(function() {
    shiftBoxes('-1804', '-1200', '#box2');
});
$("#pos3").click(function() {
    shiftBoxes('-3608', '-1000', '#box3');
});

Answer 1

我找到了 this example .看起来您需要像这样围绕值进行括号:

.animate({backgroundPosition:"(-20px 94px)"}