侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

页面元素跟随滚动条滑动

2023-12-19 星期二 / 0 评论 / 0 点赞 / 20 阅读 / 1485 字

var t = $("#left-box").offset().top; $(window).scroll(function(){ if($(this).scrollTop()>t){ $("#lef

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)

});


广告 广告

评论区