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

Javascript Tab 导航插件 (23个)

Jun 11 Javascript

Prototype源码浅析 String部分(三)之HTML字符串处理

Jan 15 Javascript

JavaScript NodeTree导航栏(菜单项JSON类型/自制)

Feb 01 Javascript

jQuery学习笔记之jQuery中的$

Jan 19 Javascript

JavaScript输出当前时间Unix时间戳的方法

Apr 06 Javascript

jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享

Apr 22 Javascript

js正则表达式验证密码强度【推荐】

Mar 03 Javascript

ReactJs设置css样式的方法

Jun 08 Javascript

使用travis-ci如何持续部署node.js应用详解

Jul 30 Javascript

promise处理多个相互依赖的异步请求(实例讲解)

Aug 03 Javascript

JS/HTML5游戏常用算法之路径搜索算法随机迷宫算法详解【普里姆算法】

Dec 13 Javascript

使用Node.js实现一个多人游戏服务器引擎

Mar 13 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时间不正确的解决方法

2008/04/09 PHP

用PHP读取超大文件的实例代码

2012/04/01 PHP

php缓冲输出实例分析

2015/01/05 PHP

php中替换字符串函数strtr()和str_repalce()的用法与区别

2016/11/25 PHP

阿里云的WindowsServer2016上部署php+apache

2018/07/17 PHP

ThinkPHP5.1+Ajax实现的无刷新分页功能示例

2020/02/10 PHP

有道JavaScript监听浏览器的问题

2010/06/23 Javascript

Google AJAX 搜索 API实现代码

2010/11/17 Javascript

输入框过滤非数字的js代码

2014/09/18 Javascript

Javascript中的方法链（Method Chaining）介绍

2015/03/15 Javascript

angularJs使用$watch和$filter过滤器制作搜索筛选实例

2017/06/01 Javascript

用Axios Element实现全局的请求loading的方法

2018/03/15 Javascript

JavaScript函数节流和函数去抖知识点学习

2018/07/31 Javascript

Angular2中监听数据更新的方法

2018/08/31 Javascript

uni-app之APP和小程序微信授权方法

2019/05/09 Javascript

[01:14:41]DOTA2-DPC中国联赛定级赛 iG vs Magma BO3第一场 1月8日

2021/03/11 DOTA

python统计一个文本中重复行数的方法

2014/11/19 Python

python获取一组汉字拼音首字母的方法

2015/07/01 Python

Python在线运行代码助手

2016/07/15 Python

详谈python3中用for循环删除列表中元素的坑

2018/04/19 Python

解决pycharm安装后代码区不能编辑的问题

2018/10/28 Python

Python学习笔记之视频人脸检测识别实例教程

2019/03/06 Python

人工神经网络算法知识点总结

2019/06/11 Python

Python Celery多队列配置代码实例

2019/11/22 Python

pycharm部署、配置anaconda环境的教程

2020/03/24 Python

Python如何对齐字符串

2020/07/30 Python

基于python判断字符串括号是否闭合{}[]()

2020/09/21 Python

美国环保婴儿用品公司：The Honest Company

2017/11/23 全球购物

凯撒娱乐：Caesars Entertainment

2018/02/23 全球购物

匡威荷兰官方网站：Converse荷兰

2018/10/24 全球购物

英国设计师泳装、沙滩装和比基尼在线精品店：Beach Cafe

2019/08/28 全球购物

高中生学习生活的自我评价

2013/11/27 职场文书

教师网络培训感言

2014/03/09 职场文书

乡镇群众路线专项整治方案

2014/11/03 职场文书

Python中的tkinter库简单案例详解

2022/01/22 Python

python turtle绘图

2022/05/04 Python