页面元素跟随滚动条滑动

2019独角兽企业重金招聘Python工程师标准>>>

var t = $("#left-box").offset().top;

$(window).scroll(function(){

if($(this).scrollTop()>t){

$("#left-box").css({position:"fixed",top:0})

} else {

$("#left-box").css({position:"static"})

}

})

$(window).scroll(function(){

var s_top = $(document).scrollTop(); //滚动条高度

//console.log(s_top);

var base_top = $("#product_list").offset().top; //基础高度

//console.log(base_top);

//var p_count =  $(".product-rt-box").size(); //产品块个数

var p_height = 438; //产品块单个高度

if(s_top > base_top)

{

var now_index = parseInt((s_top - base_top)/p_height)+1;

$("#left-box li a").removeClass("active");

$("#left-box li a:eq("+now_index+")").addClass("active");

}

else

{

$("#left-box li a").removeClass("active");

$("#left-box li a:eq(0)").addClass("active");

}

//console.log($("#product_list").offset().top)

});

转载于:https://my.oschina.net/sharesuiyue/blog/405346