西安网络公司|西安做网站|西安网站建设|西安网站制作|宏博网络-专注于高端网站网页设计开发十余年

029-81773686

宏 · 新闻

当前位置: 首页 > 宏 · 新闻行业视野  

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

2015.07.11

当然最上面要有个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" });


}


});


});


精彩案例

让价值共享 记录企业发展脚步 感恩相伴 029-81773686   18966895139