这个我还没用过，但感觉以后会用到，就随手摘抄一下啦
<div id="a1"></div>

<div id="a2"></div>

<div id="a3"></div>

//引入jQuery.js

<script>

var t1=$("#a1").offset().top;

var t2=$("#a2").offset().top;

var t3=$("#a3").offset().top;

$(window).scroll(function(){

var top=$(window).scrollTop();

if(top>t1&&top<t2){

$("#a1").addClass("an1");

}

if(top>t2&&top<t3){

$("#a2").addClass("an1");

}

if(top>t3){

$("#a3").addClass("an1");

}

});

</script>