// 导航头固定
//top为导航头距离顶部的距离
var top = $(".con_left").position().top;
var top_location = $(".main_location").position().top -80;
var top_buyNotes = $(".main_buyNotes").position().top -80;
var top_details = $(".main_details").position().top -80;
var top_evalua = $(".main_evalua").position().top -80;
$(window).scroll(function(){
if($(window).scrollTop()> top){
$(".con_head").addClass("con_head_fixed");
}else{
$(".con_head").removeClass("con_head_fixed");
}
});
$(window).scroll(function(){
if($(window).scrollTop()> top_location && $(window).scrollTop()< top_buyNotes){
$(".con_head li:nth-child(1)").addClass("active");
}else{
$(".con_head li:nth-child(1)").removeClass("active");
}
});
$(window).scroll(function(){
if($(window).scrollTop()> top_buyNotes && $(window).scrollTop()< top_details){
$(".con_head li:nth-child(2)").addClass("active");
}else{
$(".con_head li:nth-child(2)").removeClass("active");
}
});
$(window).scroll(function(){
if($(window).scrollTop()> top_details && $(window).scrollTop()< top_evalua){
$(".con_head li:nth-child(3)").addClass("active");
}else{
$(".con_head li:nth-child(3)").removeClass("active");
}
});
$(window).scroll(function(){
if($(window).scrollTop()> top_evalua){
$(".con_head li:nth-child(4)").addClass("active");
}else{
$(".con_head li:nth-child(4)").removeClass("active");
}
});
// 点击时跳转到对应的标签位置
$(".con_left li:nth-child(1)").click(function(){
$(window).scrollTop(top_location +15);
})
$(".con_left li:nth-child(2)").click(function(){
$(window).scrollTop(top_buyNotes +15);
})
$(".con_left li:nth-child(3)").click(function(){
$(window).scrollTop(top_details +15);
})
$(".con_left li:nth-child(4)").click(function(){
$(window).scrollTop(top_evalua +15);
})
.con_head_fixed{
position:fixed;
left:112px;
*left: 110px;
left: 110px\0;/*兼容IE8*/
top:0px;
z-index:999;
}
posted @
2015-05-13 11:18
专注前端开发3-5年
阅读(
232)
评论()
编辑
收藏
举报