JQuery页面滚动固定元素
今天用了下jquery,随页面滚动,来固定元素:
1.主要用到两个属性:
2.下面为我的监听代码:
效果非常不错。。。
1.主要用到两个属性:
$(window).scroll(); // 监听页面滚动
$(this).scrollTop(); // 代表获取滚动条的刻度
2.下面为我的监听代码:
$(window).scroll(function(){
var s_top = Number($(this).scrollTop()); // 获取滚动条,滚动刻度
// var c_top = Number($('.cdnstat_nav').offset().top);
if(s_top >= 137 ){
$('.cdnstat_nav').addClass("affix"); // 添加属性,让他固定
$('.cdnstat_nav').css("top",10);
}else{
$('.cdnstat_nav').removeClass("affix"); // 删除属性,让他释放
}
})
效果非常不错。。。