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>
相关文章
如果有对象A ，B 现在我想要合并成对象C 从C里面可以找到A , B 及其子对象 怎么做2012-10-10
这篇文章主要为大家详细介绍了jquery事件绑定解绑机制源码，感兴趣的小伙伴们可以参考一下2016-09-09
jQuery Easyui Treegrid实现显示checkbox功能
本文通过实例代码给大家介绍jQuery Easyui Treegrid实现显示checkbox功能的方法，代码简单易懂，非常不错，具有参考借鉴价值，需要的的朋友参考下吧2017-08-08
这篇文章主要为大家详细介绍了jquery实现定时自动轮播特效，讲解内容很详细，条理清晰，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-12-12
这个是最早做出来的, 现在也改成xml格式了, 呵呵.2009-11-11
可以让指定的层浮动到网页上的任何位置，当滚动条滚动时它会保持在当前位置不变，不会产生闪动2008-12-12
这是写给web设计者和前端开发者的教程，我们将演示如何使用Photoshop创建按钮的sprite图，然后是如何使用jQurey打造动态渐变效果。2010-04-04
Ajax在Web应用中的作用越来越大，许多工具都包含了对这一功能的使用，以下是对这些常用工具中Ajax的典型实例.2016-06-06
本文通过具体实例给大家介绍jquery弹窗插件编写基础之又见弹簧的相关资料，对jquery弹簧插件编写相关知识感兴趣的朋友一起学习吧2015-12-12
JQueryiframe页面操作父页面中的元素与方法(实例讲解)
这篇文章主要是对JQueryiframe页面操作父页面中的元素与方法进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
最新评论