页面侧边栏 - 监听滚动 - 切换状态

本文主要讲述页面滚动的监听过程
通过监听到的 scrollTop 值做相应的逻辑处理，如：样式切换等等

// 使用jQuery监听scrollTop的实时值
window.onscroll = function (e) {
    var top = $(window).scrollTop();
    if(top <= 1000) {
        $(".page1").addClass("curr").siblings().removeClass("curr");
    } else if(top > 2000 && top <= 3000) {
        $(".page2").addClass("curr").siblings().removeClass("curr");
    } else if(top > 3000 && top <= 4000) {
        $(".page3").addClass("curr").siblings().removeClass("curr");
    } else {
		$(".page4").addClass("curr").siblings().removeClass("curr");
	}
};