页面下拉到一定高度时div固定+页面滚动监听

<script type="text/javascript" src="js/jquery1.9.1.js"></script>

<div class="data"></div>
<div class="main-people-tips">
	<ul>
		<li class="tip1"><a href="#p-one">网上缴费</a></li>
		<li class="tip2"><a href="#p-two">本地生活</a></li>
		<li class="tip3"><a href="#p-three">其他</a></li>
	</ul>
</div>
<div class="people_s1" style="height:400px; background:pink;margin-bottom:40px;">区域1</div>
<div class="people_s2" style="height:400px; background:red;margin-bottom:40px;">区域2</div>
<div class="people_s3" style="height:400px; background:pink;margin-bottom:40px;">区域3</div>



<script type="text/javascript">
var mydata = $(".data");
var oTop = $(".main-people-tips").offset().top;//要固定的div
var myH = $(window).height();//浏览器可视区域高度
var sTop = 0;//滚动条高度
var s1_Height = $(".people_s1").offset().top-myH/2;//缴费
var s2_Height = $(".people_s2").offset().top-myH/2;//生活
var s3_Height = $(".people_s3").offset().top-myH/2;//其他
$(window).scroll(function(){
	sTop = $(this).scrollTop();//当前滚动条高度，动态获取数据
	//mydata.text('浏览器高：'+ myH + '滚动条高：' + sTop + '固定div高度：' + oTop);//参考数据
	if(sTop >= oTop){
		$(".main-people-tips").addClass("people-fix");
	}else{
		$(".main-people-tips").removeClass("people-fix");
	}
	
	
	if(s1_Height < sTop && sTop < s2_Height){
		$(".main-people-tips li").removeClass("tipnow");
		$(".main-people-tips .tip1").addClass("tipnow");
	}else if(s2_Height <= sTop && sTop < s3_Height){
		$(".main-people-tips li").removeClass("tipnow");
		$(".main-people-tips .tip2").addClass("tipnow");
	}else if(s3_Height <= sTop){
		$(".main-people-tips li").removeClass("tipnow");
		$(".main-people-tips .tip3").addClass("tipnow");
	}
});
</script>