Animiere nur die Hintergrundposition X-Achse

Question

Ich möchte die X-Achse der Hintergrundposition animieren, aber die Y-Achse als 'unten' belassen.

ich in der Lage gewesen, die X-Achse zu animieren mit:

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

Doch dies setzt die Y-Position, die auf meiner CSS-Datei als bottom gesetzt.

Ich habe versucht, mousePosX und bottom Kombination, zB:

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

oder:

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

ohne Ergebnisse.

Gibt es eine Möglichkeit, .animate() mit mehreren CSS-Werten arbeiten zu lassen?

Answer 1

fand ich dieses besondere Problem behoben werden könnte background-position-x, zB:

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