Fügen Sie eine dynamische Klasse hinzu, während sich das Element transformiert. $('#elementId').addClass('transformed')
. Dann deklarieren Sie in CSS,
.translatX(@x) {
-webkit-transform: translateX(@X);
transform: translateX(@x);
//All other subsidaries as -moz-transform, -o-transform and -ms-transform
}
dann
#elementId {
-webkit-transform: none;
transform: none;
}
dann
.transformed {
#elementId {
.translateX(@neededValue);
}
}
Jetzt Position: Fest, wenn ein Top- und ein Z-Index-Eigenschaftswert für ein untergeordnetes Element bereitgestellt werden. Funktioniert einwandfrei und bleibt fest, bis sich das übergeordnete Element transformiert. Wenn die Umwandlung zurückgesetzt wird, wird das untergeordnete Element wieder als fest angezeigt. Dies sollte die Situation verschlechtern, wenn Sie tatsächlich eine Navigationsseitenleiste verwenden, die beim Klicken um- und geschlossen werden kann, und Sie haben eine Registerkarte, die beim Scrollen auf der Seite klebrig bleiben sollte.