CSS3动画如何设置滑动到当屏的时候才触发动画播放

http://allnewk5.dyk.com.cn/showroom/#s=scene_sx_kv
我自己写的，只能第一屏播放，其它屏在打开第一屏时就偷偷的播放完毕了！
上面这个页面里，CSS3动画配合JavaScript 是如何运作的？
它的原理是？求解答。

---

.page{}
.page.animation{
    tranform:xxxx
    animation:xxxx
}

---

亲，能告诉我，你后来是怎样解决的吗？

---

那个酷炫的网站，用了插件的，你找找看，原理都差不多。

在滚动到当前页的时候加个class。
加上这个class，动画才能执行，没有这个class，动画就没法执行。
.animation{...}// 无法执行动画，初始状态
.page .animation{...} //执行动画，页面滚动到当前页