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

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

我已经能够使用以下工具设置X轴的动画：

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

但是，这会重置CSS文件中设置为

bottom

的Y位置

我尝试过将

mousePosX

和

bottom

组合在一起，例如：

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

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

或：

没有结果

---

有没有一种方法可以使

.animate（）

与多个css值一起工作？

我发现这个特殊问题可以使用

background-position-x

来解决，例如：

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

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

---

我发现这个问题可以通过

background-position-x

来解决，例如：

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

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