jquery实现的导航固定效果


Posted in Javascript onApril 28, 2014

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>
Javascript 相关文章推荐
Javascript毫秒数用法实例
Feb 05 Javascript
javascript中的previousSibling和nextSibling的正确用法
Sep 16 Javascript
js判断某个字符出现的次数的简单实例
Jun 03 Javascript
在JSP中如何实现MD5加密的方法
Nov 02 Javascript
微信小程序 request接口的封装实例代码
Apr 26 Javascript
bootstrap table表格插件使用详解
May 08 Javascript
layui.js实现的表单验证功能示例
Nov 15 Javascript
jquery实现侧边栏左右伸缩效果的示例
Dec 19 jQuery
微信小程序使用component自定义toast弹窗效果
Nov 27 Javascript
vue打包之后生成一个配置文件修改接口的方法
Dec 09 Javascript
自定义Vue中的v-module双向绑定的实现
Apr 17 Javascript
element-ui中按需引入的实现
Dec 25 Javascript
网页右侧悬浮滚动在线qq客服代码示例
Apr 28 #Javascript
一个简单的jquery进度条示例
Apr 28 #Javascript
javascript处理表单示例(javascript提交表单)
Apr 28 #Javascript
js对象内部访问this修饰的成员函数示例
Apr 27 #Javascript
node.js中的socket.io入门实例
Apr 26 #Javascript
jquery鼠标放上去显示悬浮层即弹出定位的div层
Apr 25 #Javascript
js控制容器隐藏出现防止样式变化的两种方法
Apr 25 #Javascript
You might like
PHP数据库开发知多少
2006/10/09 PHP
php截取utf-8中文字符串乱码的解决方法
2010/03/29 PHP
PHP发明人谈MVC和网站设计架构 貌似他不支持php用mvc
2011/06/04 PHP
PHP __autoload()方法真的影响性能吗?
2012/03/30 PHP
PHP实现根据浏览器跳转不同语言页面代码
2013/08/02 PHP
用HTML/JS/PHP方式实现页面延时跳转的简单实例
2016/07/18 PHP
php实现微信企业号支付个人的方法详解
2017/07/26 PHP
mysqli扩展无法在PHP7下升级问题的解决
2019/09/10 PHP
PHP基于进程控制函数实现多线程
2020/12/09 PHP
chrome原生方法之数组
2011/11/30 Javascript
深入分析JQuery和JavaScript的异同
2014/10/23 Javascript
node.js中的http.get方法使用说明
2014/12/14 Javascript
使用jQuery仿苹果官网焦点图特效
2014/12/23 Javascript
详解AngularJS 模态对话框
2016/04/07 Javascript
js停止冒泡和阻止浏览器默认行为的简单方法
2016/05/15 Javascript
JS实现随机颜色的3种方法与颜色格式的转化
2017/01/05 Javascript
js实现3D图片展示效果
2017/03/09 Javascript
浅谈jquery中ajax跨域提交的时候会有2次请求的问题
2017/11/10 jQuery
webpack-url-loader 解决项目中图片打包路径问题
2019/02/15 Javascript
微信小程序实现圆形进度条动画
2020/11/18 Javascript
小程序如何在不同设备上自适应生成海报的实现方法
2019/08/20 Javascript
[05:10]2014DOTA2国际邀请赛 通往胜利之匙赛场探秘之旅
2014/07/18 DOTA
使用py2exe在Windows下将Python程序转为exe文件
2016/03/04 Python
Python列表切片用法示例
2017/04/19 Python
apache部署python程序出现503错误的解决方法
2017/07/24 Python
详解Python中 sys.argv[]的用法简明解释
2017/12/20 Python
Django如何继承AbstractUser扩展字段
2020/11/27 Python
Ticketmaster意大利:音乐会、节日、艺术和剧院的官方门票
2019/12/23 全球购物
飞利信loadrunner和软件测试笔试题
2012/09/22 面试题
清洁工岗位职责
2014/01/29 职场文书
八一建军节活动方案
2014/02/10 职场文书
幼儿园的门卫岗位职责
2014/04/10 职场文书
关于美容院的活动方案
2014/08/14 职场文书
授权委托书样本
2014/09/25 职场文书
刑事起诉书范文
2015/05/19 职场文书
大学生各类奖学金申请书
2019/06/24 职场文书