当前位置：Gxlcms > JavaScript > jquery实现的导航固定效果_jquery

jquery实现的导航固定效果_jquery

时间：2021-07-01 10:21:17 帮助过：9人阅读

jquery实现的导航固定效果

代码如下:

1.jquery代码, .nav为导航的class
$(function(){
$(window).scroll(function() {
if($(window).scrollTop()>=250){
$(".nav").addClass("fixedNav");
}else{
$(".nav").removeClass("fixedNav");
}
});
});

2.CSS代码
.fixedNav{
position:fixed;
top:0px;
left:0px;
width:100%;
z-index:100000;
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop));
}

3.HTML代码


导航固定



人气教程排行

本站所有资源全部来源于网络，若本站发布的内容侵害到您的隐私或者利益，请联系我们删除！