Mobiles Scrollen wackelt bei Einblendeffekten

  • Hallo liebes Zeta-Team,

    mir ist aufgefallen, dass bei Verwendung von Einblendeffekten wie „von rechts einfahren“ auf mobilen (iPhone 15 Pro) Geräten ein unschöner Effekt entsteht: Die Seite beginnt beim Scrollen zu wackeln, solange die Animationen laufen. Ursache ist offenbar, dass animierte Elemente kurzzeitig außerhalb des sichtbaren Bereichs positioniert werden und dadurch ein horizontaler Scrollbereich entsteht.

    Ein Workaround ist folgender CSS-Code:

    Code
    body {
        overflow-x: hidden;
    }

    Das unterbindet das horizontale Scrollen und behebt das Wackeln. Es wäre schön, wenn dieser Effekt automatisch durch das CMS verhindert wird, z. B. durch geeignetes Standardverhalten bei den Einblendeffekten oder durch eine systemseitige Begrenzung des Überlaufs.

    Ich würde mich freuen, wenn das in einem zukünftigen Update berücksichtigt wird (wenn möglich). Ich habe dies in den Globalen CSS-Einstellungen vorab eingebunden.

    ZP Version 70.0.1 Business

    VG Mirco

    • Offizieller Beitrag

    Hallo Mirco,

    vielen Dank für den Hinweis und den hilfreichen Workaround. Wir schauen uns das Verhalten genauer an und prüfen, wie wir das in einem der nächsten Updates verbessern können.

  • Entschuldigen Sie bitte, wenn ich mich hier ganz kurz einmische. ...

    Die "Überbreite" ist z.B. auch auf der Website von ZP erkennbar. Die Überbreite tritt auf, wenn die Website mit noch "leerem Browser-Cache" besucht wird und verschwindet, wenn bis zum Ende der Website gescroll wurde (bzw. alle Animationen durchliefen). Das Verhalten kann ich auch auf dem / mit dem PC, mit den mir zur Verfügung stehenden Browsern - mit verkleinertem Fenster - provozieren.

    Ich wünsche allen einen guten Tag. Und vielen Dank!

    Viele freundliche Grüsse

    elch

    Zeta Producer 17.x - Express

    Website, zu einer nicht primär gewinnorientierten und/oder ernst zu nehmenden Nebentätigkeit: Heubeere.ch ;)
    (PS: "ß" gibt es nicht - und kann ich nicht. Sorry!)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!