Android-Checkbox-Hack verursacht eine bewegte Website auf dem iPhone

9

Ich habe das Kontrollkästchen "Erweitert" aktiviert, um mein Responsive-Menü auszublenden und anzuzeigen. Der Hack ist notwendig, damit Android & lt; 4.1.2 tatsächlich auf den Toggle tippen kann - es funktioniert nicht ohne den Hack.

Jetzt stellt sich heraus, dass der Animationsteil des Hacks

ist %Vor%

verursacht tatsächliche Bewegung in mindestens einem iPhone. Wie verhindere ich, dass dieser Hack die Website-Erfahrung für iPhone-Nutzer ruiniert?

Ich habe eine Vorschau mit dem Fehler hier . Ein Film mit dem sichtbaren Fehler wird hier angezeigt.

    
Bakabaka 15.09.2015, 11:17
quelle

2 Antworten

0

Es stellte sich heraus, dass ich eine css-Regel * { transition: all .5s ease; } css-Regel hatte, die auf alle Animationen angewendet wurde - einschließlich dieses Hacks. Dies verursachte den Fehler.

Durch das Entfernen dieser Regel und das manuelle Anwenden ihrer Inhalte auf alle meine Animationen wurde das Problem behoben.

    
Bakabaka 15.12.2015, 11:20
quelle
1

Ich habe kein Android, um das zu testen, aber wird der Hack auch funktionieren, wenn er nur auf ein Element statt auf den ganzen Körper angewendet wird?

%Vor%

Solange Sie kein Padding für dieses Element haben

    
Vincent Orback 22.11.2015 15:04
quelle

Tags und Links