CSS - position: sticky - funktioniert mobil nicht

  • Hallo zusammen, nachdem ich nun alle meine Möglichkeiten ausgeschöpft habe, wende ich mich doch mal hier im Forum an euch.

    Ich habe eine Wordpress-Seite, die immer über drei Fotos untereinander mit einer überlagernden Bauchbinde versehen sind, die beim scrollen immer mitlaufen soll. Das funktioniert auf dem Desktop (WIN10) super, auch wenn ich das Browserfenster auf die Größe eines Mobiltelefons ziehe. Nur Mobil (iphone) will es einfach nicht funktionieren. Die Layer weden zwar an der benannten Position relativ zum Parent-Layer positioniert, laufen aber nicht mit.

    Die class dazu sieht so aus:

    .stickytitle {
    top: 70%;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    width: 100%;
    z-index: 9999;
    }

    Der Link zur Seite:

    http://ok.xn--produktionsbro-rsb.com/

    Es wäre super, wenn mir da jemand helfen kann.

    Vielen Dank und beste Grüße
    Stefan

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

Jetzt mitmachen!

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