Parallax auf iOS - Fehlerhafte Darstellung

[Simon Streeck]

Guten Tag zusammen,

kennt jemand eine Lösung für folgendes Problem?

Bei der Erstellung eines eines Parallax-Inhaltselementes über Contao und dem Einfügen eines Bildes, das im Hintergrund gezeigt werden soll, scheint die Darstellung auf sämtlichen Apple-Geräten fehlerhaft zu sein. Im Gegensatz zu Windows und Android-Geräten ist das Bilde hier deutlich herangezoomt und der Parallaxeffekt funktioniert nicht. Das Bild ist statisch mit in die Scrollfunktion der Seite eingebunden.
Nutzung verschiedener Browser brachte keinen Erfolg.

Wer ein iOS-Gerät nutzt kann auf dieser Seite mal schauen, wie es aussieht:
https://kirche-nierenhof.de/ueber-uns


Dankee und liebe Grüße
Simon

[BennyBorn]

Also im Hero-Bereich (mit der Überschrift "Über uns") klappt das super.
Da hast Du ein Element was mit

position: fixed

positioniert ist.

Bei dem unteren Teil hast Du ein DIV mit

background-attachment: fixed

, das klappt auf iOS Geräten nicht (https://developer.apple.com/forums/thread/99883).

Für iOS brauchst Du dann einen Workaround via JavaScript z.B. um das Bild passend zu verschieben und so den Parallax-Effekt nachzubilden.