当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动画

回答

相关问题