滚动切换标签卡

//参考网址：http://quanzhou.lashou.com/deal/8198979.html

/点击页面滚动到相应位置
$(".nav ul li").eq(0).click(function(){
$(this).addClass("on").siblings().removeClass("on");
$("html,body").stop().animate({scrollTop:$(".map").offset().top-50},800)
})
$(".nav ul li").eq(1).click(function(){
$(this).addClass("on").siblings().removeClass("on");
$("html,body").stop().animate({scrollTop:$(".prodetail").offset().top-50},800)
})
//滚动改变标签
$(window).scroll(function(){
var t1=$(".map").offset().top;
var t2=$(".prodetail").offset().top;
if($(window).scrollTop()>t1){
$(".nav ul li").eq(0).addClass("on").siblings().removeClass("on");
};
if($(window).scrollTop()>t2-100s){
$(".nav ul li").eq(1).addClass("on").siblings().removeClass("on");
}
})

转载于:https://www.cnblogs.com/iqiao/p/4208421.html