仅为背景位置X轴设置动画

Question

我想为背景位置X轴设置动画，但将Y轴保留为“底部”。

我已经能够使用：

为X轴设置动画

$('#imageholder').animate({'background-position' : mousePosX});

但是，这会重置我的CSS文件中的Y位置设置为bottom。

我尝试过合并mousePosX和bottom，例如：

$('#heroimageholder').animate({'background-position' : mousePosXPercent + " bottom"});

或：

var bgpos = mousePosXPercent + " bottom";
$('#heroimageholder').animate({'background-position' : bgpos});

没有结果。

有没有办法让.animate()使用多个css值？

Answer 1

我发现这个特殊问题可以使用background-position-x来解决，例如：

$('#imageholder').animate({'background-position-x' : mousePosX});