编程 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 相关文章推荐

统一接口：为FireFox添加IE的方法和属性的js代码

Mar 25 Javascript

JavaScript 模仿vbs中的 DateAdd() 函数的代码

Aug 13 Javascript

js导航栏单击事件背景变换示例代码

Jan 13 Javascript

JS交换变量的方法

Jan 21 Javascript

IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题

Aug 21 Javascript

WEB前端开发都应知道的jquery小技巧及jquery三个简写

Nov 15 Javascript

AngularJs动态加载模块和依赖注入详解

Jan 11 Javascript

JS判断来路是否是百度等搜索索引进行弹窗或自动跳转的实现代码

Oct 09 Javascript

webpack打包单页面如何引用的js

Jun 07 Javascript

微信小程序下拉刷新界面的实现

Sep 28 Javascript

在 Angular-cli 中使用 simple-mock 实现前端开发 API Mock 接口数据模拟功能的方法

Nov 28 Javascript

关于layui表单中按钮自动提交的解决方法

Sep 09 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 GUID生成函数和类

2014/03/10 PHP

php中explode的负数limit用法分析

2015/02/27 PHP

php文件上传后端处理小技巧

2016/05/22 PHP

PHP使用imagick扩展实现合并图像的方法

2017/04/25 PHP

php实现的mongoDB单例模式操作类

2018/01/20 PHP

阿里云Win2016安装Apache和PHP环境图文教程

2018/03/11 PHP

PHP面向对象五大原则之开放-封闭原则(OCP)详解

2018/04/04 PHP

laravel 解决后端无法获取到前端Post过来的值问题

2019/10/22 PHP

javascript 获取表单file全路径

2009/12/31 Javascript

Jquery 表格合并的问题分享

2011/09/17 Javascript

JavaScript中将一个值转换为字符串的方法分析[译]

2012/09/21 Javascript

jquery中object对象循环遍历的方法

2015/12/18 Javascript

简单介绍jsonp 使用小结

2016/01/27 Javascript

Bootstrap3.0建站教程(一)之bootstrap表单元素排版

2016/06/01 Javascript

jQGrid动态填充select下拉框的选项值(动态填充)

2016/11/28 Javascript

Angularjs 事件指令详细整理

2017/07/27 Javascript

解决Vue2.x父组件与子组件之间的双向绑定问题

2018/03/06 Javascript

vue中的模态对话框组件实现过程

2018/05/01 Javascript

使用D3.js+Vue实现一个简单的柱形图

2018/08/05 Javascript

vue数据操作之点击事件实现num加减功能示例

2019/01/19 Javascript

在Windows8上的搭建Python和Django环境

2014/07/03 Python

python装饰器与递归算法详解

2016/02/18 Python

设计模式中的原型模式在Python程序中的应用示例

2016/03/02 Python

python list格式数据excel导出方法

2018/10/31 Python

python实现弹窗祝福效果

2019/04/07 Python

python实现远程控制电脑

2019/05/23 Python

Python学习笔记之pandas索引列、过滤、分组、求和功能示例

2019/06/03 Python

Python3 翻转二叉树的实现

2019/09/30 Python

使用python 对验证码图片进行降噪处理

2019/12/18 Python

俄罗斯购买自行车网站：Vamvelosiped

2021/01/29 全球购物

法人委托书

2014/07/31 职场文书

启动Tomcat时出现大量乱码的解决方法

2021/06/21 Java/Android

Java多条件判断场景中规则执行器的设计

2021/06/26 Java/Android

Python中super().__init__()测试以及理解

2021/12/06 Python

uniapp 微信小程序自定义tabBar 导航

2022/04/22 Javascript

讨论nginx location 顺序问题

2022/05/30 Servers