新闻动态

我们珍惜遇见的每一位客户,也感恩以往岁月里给与我们支持的每一位客户

如何让滚动导航下拉后固定

当然最上面要有个jqurey引用,这个就不用说了


一句样式position: fixed,让你想定到哪就定到那,这个已经风靡全球,今天要和大家探讨的是关于漂浮固定的问题,网上有很多,讲解的也很多,但是我们没有调用任何函数,直接js写出来的。


$(function(){

     $(".某某").css({ "position": "fixed", "top": "162px" });  //最初的样式   

$(window).scroll(function(){

if($(window).scrollTop()>162){  //距顶部多少像素时,在最顶端

$(".某某").css({ "position": "fixed", "top": "0px" });


}

else{

$(".某某").css({ "position": "fixed", "top": "162px" });

}


if($(window).scrollTop()>0&&$(window).scrollTop()<162){//在0-162像素范围内

$(".某某").css({ "position": "absolute", "top": "162px" });


}


});


});


Vip定制

宏博网络,做网站、网站建设、开发、设计微信二维码

微信公众号

宏博网络,做网站、网站建设、开发、设计微信公众号

联系电话:029-81773686

VIP定制:18966895139(苏先生)

VIP 定制

电话

微信公众号

返回顶部