怎么控制网页中iframe里的js执行问题？

Question

1.要实现的效果：当网页滚动到一定区域执行iframe里的js动画；
2.目前的方案：先以一张图片显示，需要执行时再插入iframe；
3.遇到的问题：有卡顿，影响体验；
4.请问有没有什么方法能控制iframe里的js执行动作以完美解决此问题，或有没有什么奇妙的方法达到要实现的效果？谢谢！

Answer 1

iframe可以先加载啊，需要执行动画时，调用iframe里的动画执行函数就可以了

var iframeWindow=document.getElementById('iframeID').contentWindow;//获取ID为iframeID的window对象

Answer 2

你直接动态添加iframe，其再去加载页面，自然会有相应时间的延迟现象。
何不预先加载iframe，但隐藏，等到达到条件时再显示出来。

PS：展现方式很奇怪，你的效果需求，不能用别的方式来达成吗？为何要用iframe。