jquery实现的导航固定效果
更新时间:2014年04月28日 10:01:42 作者:
这篇文章主要介绍了jquery实现的导航固定效果,需要的朋友可以参考下
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代码
<div class="nav">
<p>导航固定</p>
</div>
相关文章
jQuery在vs2008及js文件中的无智能提示的解决方法
我通过下面方法实现了jQuery在VS2008及js文件中的智能提示的,希望对朋友们有所帮助。2010-12-12jQuery中each()、find()和filter()等节点操作方法详解(推荐)
这篇文章主要介绍了jQuery中each()、find()和filter()等节点操作方法的相关资料,非常不错具有参考价值,需要的朋友可以参考下2016-05-05
最新评论