Bei Verwendung von translateX oder translateY scheint das Layout der Seite in Firefox betroffen zu sein. Persistente Bildlaufleisten werden generiert, obwohl die CSS-Spezifikation angibt, dass diese Eigenschaften das Layout nicht beeinflussen sollen.
Beispiel: Ссылка und klicken Sie auf die Animation "fadeOutRightBig". Bildlaufleisten werden in allen Browsern (die CSS-Animationen unterstützen) generiert, bleiben jedoch in Firefox erhalten. Liegt das an einem Fehler von Mozilla oder den anderen Browsern? Irgendeine bekannte Lösung?
Sieht für mich wie ein Fehler aus: Ссылка aber es ist merkwürdig, dass es nicht aufgepasst hat, scheint ziemlich ernst zu mir.
Die Lösung, wenn Sie damit durchkommen, würde den horizontalen Überlauf auf dem HTML-Element verbergen:
%Vor%Wenn Sie horizontales Scrollen benötigen, wenden Sie es auf das übergeordnete Element an.
Ein Kommentar zum Bugzilla-Problem macht einen guten Grund: Das ist das gleiche Verhalten wie in position: relative . Die Position des ursprünglichen Elements bleibt erhalten. Wenn das transformierte Element jedoch außerhalb des sichtbaren Containers (des Ansichtsfensters oder des Bildlaufelements) verschoben wird, werden Bildlaufleisten hinzugefügt.
Dies entspricht der Spezifikation und höchstwahrscheinlich wird "nicht beheben".
Tags und Links css css3 css-transforms