jquery实现的导航固定效果_jquery
来源:动视网
责编:小采
时间:2020-11-27 21:22:17
jquery实现的导航固定效果_jquery
jquery实现的导航固定效果_jquery:jquery实现的导航固定效果 代码如下:1.jquery代码, .nav为导航的class$(function(){ $(window).scroll(function() { if($(window).scrollTop()>=250){ $(.nav).addClass(fixedNav); }else{ $(.nav
导读jquery实现的导航固定效果_jquery:jquery实现的导航固定效果 代码如下:1.jquery代码, .nav为导航的class$(function(){ $(window).scroll(function() { if($(window).scrollTop()>=250){ $(.nav).addClass(fixedNav); }else{ $(.nav

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代码
导航固定
jquery实现的导航固定效果_jquery
jquery实现的导航固定效果_jquery:jquery实现的导航固定效果 代码如下:1.jquery代码, .nav为导航的class$(function(){ $(window).scroll(function() { if($(window).scrollTop()>=250){ $(.nav).addClass(fixedNav); }else{ $(.nav