# **元理分析**
****
~~~
$(function () {
var winH = $(window).height();
$('div').each(function () {
$(this).css({visibility: 'hidden'})//让每一个元素都隐藏
this.xy = $(this).attr('class')//获取每一个元素的类名并且添加到dom对象的xy属性上
$(this).removeClass()//移除所有类名，作用就是清掉元素的运动状态。
});
$(window).scroll(function () {
var winT = $(window).scrollTop();
$('div').each(function () {
var divT = $(this).offset().top;
if (winH + winT - divT > 100 && divT > winT) {
$('div').css({visibility: ''})
$(this).addClass('animated ' + this.xy)
}
})
})
$(window).trigger('scroll')
})
~~~
