php导航条固定,jQuery导航条固定定位效果的实现方法

本文主要介绍了jQuery导航条固定定位效果实例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。

实现效果图：

向下滑动时，导航栏固定

代码：

*{

margin: 0;

padding: 0;

}

img{

display: block;

margin: 0 auto;

}

img#search.dhgd{

position: fixed;

left: 50%;

margin-left: -596px;

top: 0px;

}

$(function(){

// 给浏览器加滚动条事件

$(window).scroll(function(){

//获得当前已滚动上去的距离

var t = $(document).scrollTop();

console.log('=================='+t)

if(t>126){

$("#search").addClass('dhgd');

}else{

$("#search").removeClass('dhgd');

}

})

})




相关推荐：