Header wir am Ipad erst nach Scrollen angezeigt

1. offizieller Beitrag

    Hallo, ich verwende das "Flat Resonsive". Nun ist mir aufgefallen das auf dem Ipad der Header erst nach einem scrollen angezeigt wird. (bleibt weis). Wenn ich im Browser am ipad dann auf „aA“-sprich „Mobile Website anfordern“ gehe funktioniert es. Auf dem Iphone und Desktop funktioniert alles. Da iPadOS standardmäßig die Desktop-Ansicht erzwingt, wird, so denke ich eine fehlerhafte Lazy-Loading- oder JavaScript-Routine aufgerufen, die in Safari blockiert, bis eine Touch-Bewegung stattfindet. Kann man das mit einem CSS Eintrag umgehen? Die Seite wäre: http://www.osmopure.at

    Freundliche Grüße

    Egon

    • Offizieller Beitrag

    Hallo, ich habe Ihre Seite auch auf einem iPad geprüft, konnte das Verhalten aber nicht nachvollziehen.

    Falls es bei Ihnen weiterhin auftritt, können Sie testweise das verzögerte Laden der Headerbilder abschalten. Fügen Sie dazu folgenden Code in das Attribut footer_script ein und erstellen und veröffentlichen Sie die Website anschließend neu:

    Code
    <script>
document.querySelectorAll('#headerslider img').forEach(function (img) {
   img.loading = 'eager';
});
</script>

    Attribute sind hier beschrieben: https://docs.zeta-producer.com/v16/attribute-uebersicht.html

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden