页面滚动时，动态添加css动画

在别人的网站中，看到页面滚动到某一位置时，该位置的元素经过各类炫酷的动画展现出来。不知道他们是怎么作的，我根据本身的理解作了一个demo。原理很简单，用CSS3预先定义元素的动画效果，先不要添加到元素上。监听window.onscroll的事件，获取页面滚动的高度，当这个元素显示出来时，动态添加该元素的动画效果。（有两种方法，一、经过style.cssText写入样式；二、经过className添

>>阅读原文<<