宏博网络 | 专注互联网品牌一站式服务

Thank you for visiting

029-81773686

全网开发&整合营销服务商

CopyRight
©HOOBOO All rights reserved

全网开发&整合营销服务商

029-81773686

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

2019.11.25

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


}


});


});


上一篇:百度推广:防止恶意点击十大方法

下一篇:暂时没有数据

CopyRight © HOOBOO   备案号:陕ICP备10007014号-9   站点地图 免责声明:本网站部分资源来源于网络,如有侵权,请联系我们告知删除,我们将会尽快处理,谢谢!本站不承担任何法律责任。