移至各頁#nav與頁面背景相同(index)

二、JQ設定

//#nav 按鈕預設色彩設定
var $sectionNo=0;
$navBtnBg = $('section').eq($sectionNo).css('background-color');
$('#nav a').eq($sectionNo).css({'background-color':$navBtnBg,color:'#000'});
//(window).scroll事件
	var $sectionNo = 0;												//為了#nav 按鈕與背景相同
		$navBtnBg = $('section').eq($sectionNo).css('background-color');
		$('#nav a').eq($sectionNo).css({'background-color':$navBtnBg,'color':'#000'});	
	
	$(window).scroll(function(){
		
		//#navTop位置
		$('section').each(function(i) {
			if($(this).offset().top <= $(window).scrollTop() +200 ){
					//$('#nav a').removeClass('active');				//註解移除
					//$('#nav a').eq(i).addClass('active');			//註解移除
					$('#nav a').css({'background-color':'',color:''});	//全部按鈕還原色彩
					$sectionNo = i;
					$navBtnBg = $('section').eq($sectionNo).css('background-color');
					$('#nav a').eq($sectionNo).css({'background-color':$navBtnBg,'color':'#000'});	
			} //if End
		});//each End
		
	});  //$(window).scroll End