css3动画效果疑问

Question

就是我们常见的网页，当我们往下浏览的时候
先是隐藏的元素

开始可见然后执行动画效果

这种效果是具体怎么实现的楠？
我怎么知道我往下浏览的时候 到什么位置开始元素不隐藏了 然后执行动画。
并且只要我不刷新页面第二次往下浏览的时候 动画不在执行。因为现在页面元素已经不是隐藏状态了。

Answer 1

js判断位置，加class删class

Answer 2

判断滚动条的高度，如果你需要动画的元素出现在屏幕上就加一个class，用css3的transition做动画