當iframe在視口中時，在iframe中啓動css動畫

我正在爲使用CSS動畫的Google AdWords開發HTML5橫幅廣告。由於廣告只能有30秒的動畫，所以用戶往往不會看到動畫中不同階段的內容。當iframe在視口中時，在iframe中啓動css動畫

有沒有辦法找到（跨域）父窗口的視口，以便我可以在用戶真正看到廣告的CSS/JS代碼時啓動動畫？

感謝您的幫助！

2017-09-25 Timo Gödeke

這個問題不適合StackOverflow的規則，因爲它太寬泛，只會吸引基於意見的答案（所以期待它被關閉）。請轉到：http：//stackoverflow.com/help，然後閱讀：http://stackoverflow.com/help/on-topic和：http://stackoverflow.com/help/how-to-ask。 –

@Elias MP - 你爲什麼這麼說？這是一個技術問題。 – Gerfried

@Gerfried。我認爲這個問題必須提供一個MCVE。對不起，我錯了。 –

有兩種方法可以解決您的問題。

首先，您需要編輯您的跨域父窗口的代碼。如果你不能這樣做，這將無法正常工作（我想你會是這種情況）。您需要添加事件偵聽器並使用Window.postMessage。另一種方法是使用Intersection Observer API。這正是你想要的，並且完全是爲你的情況而設計的，但是它目前得不到很好的支持。有關兼容性列表，請查看鏈接或caniuse。如果不可用，您可以使用簡單回退來實現此功能。

來源

2017-09-25 09:33:03

當iframe在視口中時，在iframe中啓動css動畫

回答

相關問題