Wie kann ich „Hintergrundanhang: behoben' unter iOS simulieren?

Beibehaltung der Funktion „Fester Hintergrundanhang“ auf iOS

Das Emulieren des Verhaltens der Eigenschaft „Hintergrundanhang“, die auf iOS-Geräten auf „Fest“ eingestellt ist, kann eine Herausforderung sein aufgrund seiner inhärenten Einschränkungen.

Die Eigenschaft weist Elementen normalerweise ein Hintergrundbild zu, das beim Scrollen der Webseite stationär bleibt. Allerdings ist diese Funktionalität auf iOS-Plattformen aufgrund des hohen Rechenaufwands deaktiviert, wie der Chrome-Entwickler Paul Irish erklärt.

Als Alternative haben sich mehrere Workarounds herausgebildet:

• Verwenden eines position:fixed Div: Erstellen Sie ein absolut positioniertes
  mit dem gewünschten Hintergrundbild und beschneiden Sie den Überlauf, indem Sie es an der Position position:relative parent

  platzieren. Dieser Ansatz kann einen ähnlichen Effekt wie „background-attachment“ erzielen: behoben, jedoch mit möglichen Einschränkungen.
• Viewport-Hintergrund: Nutzen Sie den Viewport der HTML5-Spezifikation. Tag, um ein Hintergrundbild festzulegen. Mit dieser Technik wird ein Vollbild-Hintergrund erzielt, der nicht mit der Seite scrollt, wodurch der Effekt „Fester Hintergrund“ simuliert wird.

Es ist wichtig zu beachten, dass diese Methoden die Funktionalität von „background-attachment:fixed“ möglicherweise nicht perfekt reproduzieren iOS-Geräte. Sie bieten alternative Lösungen, um einen ähnlichen visuellen Effekt zu erzielen und gleichzeitig die Auswirkungen auf die Leistung zu minimieren.