CSS-Animation in Iframe starten, wenn iframe im Ansichtsfenster ist

Ich entwickle HTML5-Bannerwerbung für Google AdWords mit CSS-Animationen. Da eine Anzeige nur 30 Sekunden dauern kann, werden die Inhalte der verschiedenen Phasen in der Animation oft nicht von den Nutzern gesehen.CSS-Animation in Iframe starten, wenn iframe im Ansichtsfenster ist

Gibt es eine Möglichkeit, den Darstellungsbereich des übergeordneten domänenübergreifenden Fensters zu ermitteln, damit ich die Animationen im CSS/JS-Code meiner Anzeige starten kann, wenn sie für den Benutzer tatsächlich sichtbar sind?

Vielen Dank für Ihre Hilfe!

Quelle

2017-09-25 Timo Gödeke

Diese Frage passt nicht zu den StackOverflow-Regeln, da sie zu weit gefasst ist und nur auf Meinung basierende Antworten anlockt (also erwarten, dass sie geschlossen wird). Bitte gehen Sie zu http://stackoverflow.com/help, dann lesen Sie: http://stackoverflow.com/help/on-topic und: http://stackoverflow.com/help/how-to-ask. –

@Elias MP - warum würdest du das sagen? Dies ist eine technische Frage. – Gerfried

@Gerfried. Ich dachte, die Frage muss ein MCVE sein. Entschuldige meinen Fehler. –

Es gibt zwei Möglichkeiten, wie Sie Ihr Problem lösen können.

Zuerst müssen Sie den Code Ihres domänenübergreifenden übergeordneten Fensters bearbeiten. Wenn du das nicht kannst, wird das nicht funktionieren (was wahrscheinlich der Fall für dich sein wird). Sie müssten Ereignislistener hinzufügen und Window.postMessage verwenden.

Der andere Weg ist mit der Intersection Observer API. Es ist genau das, was Sie wollen und für genau Ihren Fall entworfen haben, aber es wird derzeit nicht sehr gut unterstützt. Kompatibilitätsliste finden Sie unter dem Link oder caniuse. Sie können dies mit einem einfachen Fallback implementieren, wenn es nicht verfügbar ist.

Quelle

2017-09-25 09:33:03

CSS-Animation in Iframe starten, wenn iframe im Ansichtsfenster ist

Antwort

Verwandte Themen