编程 Javascript

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>

jquery实现的导航固定效果

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js 实现图片预加载(js操作 Image对象属性complete ，事件onload 异步加载图片)

Mar 25 Javascript

Javascript insertAfter() 实现函数代码

Oct 12 Javascript

jQuery循环滚动展示代码可应用到文字和图片上

May 11 Javascript

jquery实现鼠标拖动图片效果示例代码

Jan 09 Javascript

jquery实现焦点图片随机切换效果的方法

Mar 12 Javascript

node.js版本管理工具n无效的原理和解决方法

Nov 24 Javascript

JavaScript Date 知识浅析

Jan 29 Javascript

vue使用ajax获取后台数据进行显示的示例

Aug 09 Javascript

js实现京东秒杀倒计时功能

Jan 21 Javascript

Vue组件系列开发之模态框

Apr 18 Javascript

对layui初始化列表的CheckBox属性详解

Sep 13 Javascript

Vue 请求传公共参数的操作

Jul 31 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中strtotime函数使用方法分享

2012/01/10 PHP

yii权限控制的方法(三种方法)

2015/12/28 PHP

JavaScript 字符串乘法

2009/08/20 Javascript

JQUERY1.6 使用方法四检测浏览器

2011/11/23 Javascript

jquery入门—编写一个导航条(可伸缩)

2013/01/07 Javascript

JS简单的图片放大缩小的两种方法

2013/11/11 Javascript

原生javascript实现获取指定元素下所有后代元素的方法

2014/10/28 Javascript

jqueryUI里拖拽排序示例分析

2015/02/26 Javascript

JS实现带有抽屉效果的产品类网站多级导航菜单代码

2015/09/15 Javascript

javascript执行环境及作用域详解

2016/05/05 Javascript

JS实现table表格数据排序功能(可支持动态数据+分页效果)

2016/05/26 Javascript

详解nodejs的express如何自动生成项目框架

2017/07/12 NodeJs

vue按需引入element Transfer 穿梭框

2017/09/30 Javascript

实例讲解javascript实现异步图片上传方法

2017/12/05 Javascript

JavaScript循环遍历你会用哪些之小结篇

2018/09/28 Javascript

vue动态绑定class的几种常用方式小结

2019/05/21 Javascript

微信小程序函数防抖解决重复点击消耗性能问题实现代码

2019/09/12 Javascript

jquery实现掷骰子小游戏

2019/10/24 jQuery

vue学习笔记之作用域插槽实例分析

2020/02/01 Javascript

[35:27]完美世界DOTA2联赛循环赛 GXR vs FTD BO2第二场 10.29

2020/10/29 DOTA

Python实现随机生成有效手机号码及身份证功能示例

2017/06/05 Python

Python中用post、get方式提交数据的方法示例

2017/09/22 Python

机器学习10大经典算法详解

2017/12/07 Python

python http基本验证方法

2018/12/26 Python

Django实现celery定时任务过程解析

2020/04/21 Python

pycharm中使用request和Pytest进行接口测试的方法

2020/07/31 Python

在pycharm创建scrapy项目的实现步骤

2020/12/01 Python

超酷炫 CSS3垂直手风琴菜单

2016/06/28 HTML / CSS

HMV日本官网：全球知名的音乐、DVD和电脑游戏零售巨头

2016/08/13 全球购物

超市5.1促销活动

2014/01/15 职场文书

十岁生日家长答谢词

2014/01/17 职场文书

幼儿教师培训感言

2014/03/08 职场文书

库房保管员岗位职责

2014/04/07 职场文书

关于学习的演讲稿

2014/05/10 职场文书

钳工实训报告总结

2014/11/04 职场文书

资料员岗位职责范本

2015/04/13 职场文书