html导航栏怎么做选中,页面滚动选中左侧导航栏之HelloWorld

mScroll方法用于左侧导航点击使用；

ligroup为左侧的导航栏

group为右侧内容的div

function mScroll(vid){

$("html,body").animate({scrollTop: $("#"+vid).offset().top}, 600);

}

$(window).scroll(function(){

//滚动到标杆位置,左侧导航加active

$('.group').each(function(index){

var _target=parseInt($(this).offset().top-$(window).scrollTop());

if (_target<=0) {

$('.ligroup').css({"background":"transparent","color":"#000000"});

$('.ligroup').eq(index).css({"background":"#990000","color":"#fff"});

}

//如果到达页面底部，给左侧导航最后一个加active

else if($(document).height()==$(window).scrollTop()+$(window).height()){

$('.ligroup').css({"background":"transparent","color":"#000000"});

$('.ligroup').eq($('.ligroup').length-1).css({"background":"#990000","color":"#fff"});

}

});

});