IPhone und fixed

[stobi_de]

Hatten wir nicht mal letztens dieses script hier getestet?
Es sollte den Hintergrund eines Elementes mit der ID "idStart' nur dann auf fixed setzen, wenn es der Browser auch unterstützt.
Nun schrieb aber jmd. im Mobi-Forum, dass er trotzdem den üblichen Fehler der 100-fachen Hintergrundvergrößerung auf einem IPhone11 hat.

In Lambda-Test habe ich gar kein Bild gesehen, es gibt aber für mich nur noch 20 Sekunden Testzeit pro Monat, da wurde die Seite nichtmals komplett geladen.

Code: Alles auswählen

<script>
  
if (CSS.supports("background-attachment", "fixed")) {
 
    let hinweis = document.getElementById('idStart');
    hinweis.style.backgroundAttachment ='fixed';

}
</script>

[Tommy Herrmann]

Moin,

ja - das geht mir ebenso mit dem "Lambda" Test - keine Mail-Adresse, keine Zeit funktioniert mehr. Die wollen jetzt Geld sehen ...

Ich denke Du sprichst von dieser Seite, die Du erstellt hast:

https://www.maik-greb.com/

Wo ist dieses Skript eigentlich her - ist der Syntax denn richtig - das sieht hier z.B. anders aus:

https://stackoverflow.com/questions/126 ... 2#54667042

... ich bin ja jetzt nicht gerade der JS Profi - aber wieso auf nur eine ID?

Ging es bei Dir nicht darum mehrere fixierte Hintergrundbilder zu verwenden (wie oben auf dieser Seite von Dir), dann geht das doch mit ein und der gleichen ID gar nicht

... und wenn Du diese ID nur am ersten fixierten Hintergrund prüfst, würde das meiner Ansicht nach ja auch nicht gehen, denn wenn müssten schon alle überprüft werden, sonst muss das iPhone das ja ignorieren und eben korrupt anzeigen, vermute ich aber nur.

... und für nur 1 fixiertes Hintergrundbild hatte ich doch diese CSS erfolgreich an sämtlichen iPhone-Modellen getestet - am obersten Block eingebaut.

https://www.mobirise-tutorials.com/Busi ... xiert.html

Bei mir ist ein riesen Rollladen kaputt gegangen und ich muss mal zu OBI fahren Ersatzteile kaufen. Ich kann da aber, befürchte ich, ohnehin nicht mehr viel helfen.

[stobi_de]

Ich habe auf der Seite ja auch ein fixed-Bild. Das mit den Jugendlichen.
Daher das erste Bild mit dieser einfachen Version.
Wir hatten ja herausgefunden, das mehrere fixed-Bilder nicht funktionieren mit Deiner Technik.

Rolladen reparieren hatte ich letztens auch - scheiß-Arbeit!
Habe ein riesiges altes Wespennest drin gefunden - natürlich nicht mehr bewohnt

[Tommy Herrmann]

Rolllade hat ihren Widerstand aufgegeben

... ja Du - leider kann ich Dir da gerade nicht helfen - auch weil das iPhone mit meiner Tochter gerade in Miami ist.

Musst Du vielleicht die USD 7,00 für den Test investieren.

Da wo ich diese CSS her habe steht auch diese Alternative:

https://julia-vicentini.de/blog/backgro ... g-anchor-0

... das hatte aber bei mir nicht gleich geklappt, vielleicht hatte ich da auch etwas falsch gemacht oder es noch falsch verstanden.

Code: Alles auswählen

// all screens
.hero-bg{
    background-attachment: scroll;
}
// Large and XLarge
@media only screen and (min-width: 64.063em) {
    .hero-bg {
        background-attachment: fixed;
    }
}

Wahrscheinlich schaltet das eben schlicht an allen Smartphones (und iPhone) das fixierte Bild ab - denn am Safari-Desktop geht es ja.

Das ist ja eigentlich eine ganz normale Media-Abfrage. Dann ist eben am iPhone nichts fixiert. Das sollte doch in jedem Fall funktionieren. Da kann man ja auch die Bootstrap-Breiten verwenden (wie gewohnt).

[stobi_de]

Mit dem Mädl schreibe ich gelegentlich.
Aber das ist das altbekannte script, mit dem ein Vordergrindbild auf den Hintergrund "gebeamt" wird und in Folge es dann nur EIN festes Hintergrundbild geben kann

[stobi_de]

Lambda: die 7$ wären ja kein Problem, aber da gibt es dann nur einen Emulator zum Test - und das funktioniert nicht.
"Real device" gibt es für 25$/Mon, und das auch nur mit jährlicher Zahlung.
Also 300$ für den Greb - Test.
Ein IPhone11 ist billiger.