90 lines
1.9 KiB
JavaScript
90 lines
1.9 KiB
JavaScript
|
|
|
|
|
|
// LiftEffect({
|
|
// "control1": ".lift2", //侧栏电梯的容器
|
|
// "control2": "#ccc", //需要遍历的电梯的父元素
|
|
// "target": [".dianti1",".dianti2",".dianti3"], //监听的内容，注意一定要从小到大输入
|
|
// "current": "xuanzhong" //选中的样式
|
|
// });
|
|
|
|
function LiftEffect(json){
|
|
|
|
var array=[];
|
|
|
|
for(var i =0; i<json.target.length;i++){
|
|
var t = $(json.target[i]).offset().top;
|
|
array.push(t);
|
|
|
|
}
|
|
|
|
function Selected(index){
|
|
$(json.control2).children().eq(index).addClass(json.current).siblings().removeClass(json.current);
|
|
}
|
|
|
|
|
|
$(window).on("scroll",Check);
|
|
|
|
function Check(){
|
|
|
|
var wst = $(window).scrollTop();
|
|
|
|
if(wst >= $(json.target[0]).offset().top-200){
|
|
$(json.control1).fadeIn(500);
|
|
}else{
|
|
$(json.control1).fadeOut(500);
|
|
}
|
|
|
|
var key =0;
|
|
var flag = true;
|
|
for(var i =0; i<array.length; i++){
|
|
key++;
|
|
if(flag){
|
|
|
|
if(wst >= array[array.length-key]-300){
|
|
var index = array.length-key;
|
|
flag = false;
|
|
}else{
|
|
flag=true;
|
|
}
|
|
|
|
}
|
|
}
|
|
Selected(index);
|
|
}
|
|
|
|
$(json.control2).children().on("click",function(){
|
|
|
|
$(window).off("scroll");
|
|
var index = $(this).index();
|
|
Selected(index);
|
|
|
|
|
|
var flag = true;
|
|
for(var i =0; i<array.length; i++){
|
|
|
|
if(flag){
|
|
|
|
if(index == i){
|
|
$("html,body").stop().animate({
|
|
"scrollTop": array[i]-50
|
|
},500,function(){
|
|
$(window).on("scroll",Check);
|
|
});
|
|
flag = false;
|
|
}else{
|
|
flag=true;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|