编程 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实时获取系统当前时间实例代码

Jun 28 Javascript

Javascript WebSocket使用实例介绍（简明入门教程）

Apr 16 Javascript

jquery 显示*天*时*分*秒实现时间计时器

May 07 Javascript

JavaScript中Function()函数的使用教程

Jun 04 Javascript

jquery对table做排序操作的实例演示

Aug 10 jQuery

Vue.js实现按钮的动态绑定效果及实现代码

Aug 21 Javascript

JavaScript设计模式之模板方法模式原理与用法示例

Aug 07 Javascript

详解vuex 渐进式教程实例代码

Nov 27 Javascript

vue下的@change事件的实现

Oct 25 Javascript

Vue axios 将传递的json数据转为form data的例子

Oct 29 Javascript

javascript实现简易计算器功能

Sep 23 Javascript

vue3+typeScript穿梭框的实现示例

Dec 29 Vue.js

网页右侧悬浮滚动在线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

浅谈web上存漏洞及原理分析、防范方法（安全文件上存方法）

2013/06/29 PHP

WordPress中设置Post Type自定义文章类型的实例教程

2016/05/10 PHP

JavaScript静态的动态

2006/09/18 Javascript

javascript 模式设计之工厂模式学习心得

2010/04/27 Javascript

通过jQuery源码学习javascript(二)

2012/12/27 Javascript

表单元素与非表单元素刷新区别详细解析

2013/11/06 Javascript

jquery submit ie6下失效的原因分析及解决方法

2013/11/15 Javascript

浅析jquery的作用与优势

2013/12/02 Javascript

javascript设置金额样式转换保留两位小数示例代码

2013/12/04 Javascript

小结Node.js中非阻塞IO和事件循环

2014/09/18 Javascript

JavaScript中for循环的使用详解

2015/06/03 Javascript

jQuery蓝色风格滑动导航栏代码分享

2015/08/19 Javascript

javascript动画系列之模拟滚动条

2016/12/13 Javascript

Vue项目webpack打包部署到服务器的实例详解

2017/07/17 Javascript

详解vue mint-ui源码解析之loadmore组件

2017/10/11 Javascript

javascript实现数字配对游戏的实例讲解

2017/12/14 Javascript

layui弹出层按钮提交iframe表单的方法

2018/08/20 Javascript

浅谈webpack+react多页面开发终极架构

2018/11/11 Javascript

详解vue beforeRouteEnter 异步获取数据给实例问题

2019/08/09 Javascript

Vue+Element UI 树形控件整合下拉功能菜单（tree + dropdown +input）

2020/08/28 Javascript

Python使用MySQLdb for Python操作数据库教程

2014/10/11 Python

在Python中使用列表生成式的教程

2015/04/27 Python

python模拟Django框架实例

2016/05/17 Python

Python中的字符串替换操作示例

2016/06/27 Python

Python外星人入侵游戏编程完整版

2020/03/30 Python

Python多版本开发环境管理工具介绍

2019/07/03 Python

Fanatics官网：运动服装、球衣、运动装备

2020/10/12 全球购物

Shell编程面试题

2016/05/29 面试题

程序员跳槽必看面试题总结

2013/06/28 面试题

公务员转正考察材料

2014/02/07 职场文书

护士岗位求职应聘自荐书范文

2014/02/12 职场文书

孝敬父母的演讲稿

2014/05/14 职场文书

大学同学会活动方案

2014/08/20 职场文书

如何写新闻稿

2015/07/18 职场文书

python 如何在list中找Topk的数值和索引

2021/05/20 Python

Python趣味挑战之用pygame实现简单的金币旋转效果

2021/05/31 Python