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 相关文章推荐
超酷的网页音乐播放器DewPlayer使用方法
Dec 18 Javascript
Json对象与Json字符串互转(4种转换方式)
Mar 27 Javascript
innerHTML动态添加html代码和脚本兼容多个浏览器
Oct 11 Javascript
浅谈JavaScript实现面向对象中的类
Dec 09 Javascript
jQuery获得指定元素坐标的方法
Apr 14 Javascript
js实现网页抽奖实例
Aug 05 Javascript
详解JavaScript中常用的函数类型
Nov 18 Javascript
Angular 4依赖注入学习教程之组件服务注入(二)
Jun 04 Javascript
javascript流程控制语句集合
Sep 18 Javascript
jquery之基本选择器practice(实例讲解)
Sep 30 jQuery
vue使用axios上传文件(FormData)的方法
Apr 14 Javascript
微信小程序学习总结(一)项目创建与目录结构分析
Jun 04 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关于array_multisort多维数组排序的使用说明
2011/01/04 PHP
PHP树的深度编历生成迷宫及A*自动寻路算法实例分析
2015/03/10 PHP
php生成二维码
2015/08/10 PHP
浅谈PHP实现大流量下抢购方案
2017/12/15 PHP
LaravelS通过Swoole加速Laravel/Lumen详解
2018/03/02 PHP
PHP赋值的内部是如何跑的详解
2019/01/13 PHP
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
JavaScript 轻松搞定快捷留言功能 只需一行代码
2010/04/01 Javascript
深入解析contentWindow, contentDocument
2013/07/04 Javascript
如何学习Javascript入门指导
2013/11/01 Javascript
JavaScript中跨域调用Flash的方法
2014/08/11 Javascript
javascript 闭包详解
2015/07/02 Javascript
Nodejs 搭建简单的Web服务器详解及实例
2016/11/30 NodeJs
nodejs中向HTTP响应传送进程的输出
2017/03/19 NodeJs
详解Web使用webpack构建前端项目
2017/09/23 Javascript
浅探express路由和中间件的实现
2019/09/30 Javascript
在Python的Flask框架下使用sqlalchemy库的简单教程
2015/04/09 Python
详解Python中的文件操作
2016/08/28 Python
Python实现在tkinter中使用matplotlib绘制图形的方法示例
2018/01/18 Python
Python(Django)项目与Apache的管理交互的方法
2018/05/16 Python
在python中利用GDAL对tif文件进行读写的方法
2018/11/29 Python
python实现自动化上线脚本的示例
2019/07/01 Python
使用python打印十行杨辉三角过程详解
2019/07/10 Python
django重新生成数据库中的某张表方法
2019/08/28 Python
Python类中self参数用法详解
2020/02/13 Python
python中adb有什么功能
2020/06/07 Python
Gap英国官网:Gap UK
2018/07/18 全球购物
阿联酋手表和配饰购物网站:Rivolishop
2019/11/25 全球购物
internal修饰符起什么作用
2013/12/16 面试题
数控专业应届生求职信
2013/11/27 职场文书
幼儿园2014年度工作总结
2014/11/10 职场文书
继承权公证书范本
2015/01/23 职场文书
幼儿园百日安全活动总结
2015/05/07 职场文书
导游词之山东孔庙
2019/11/04 职场文书
用Python爬取各大高校并可视化帮弟弟选大学,弟弟直呼牛X
2021/06/11 Python
python中的mysql数据库LIKE操作符详解
2021/07/01 MySQL