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

向fckeditor编辑器插入指定代码的方法

May 25 Javascript

jQuery EasyUI API 中文文档 - Documentation 文档

Sep 29 Javascript

jQuery代码优化选择符篇

Nov 01 Javascript

JS控件的生命周期介绍

Oct 22 Javascript

jquery统计复选框选中示例

Nov 05 Javascript

JavaScript实现网页截图功能

Oct 16 Javascript

了解Javascript的模块化开发

Mar 02 Javascript

基于jquery实现的仿优酷图片轮播特效代码

Jan 13 Javascript

基于js中的原型、继承的一些想法

Aug 10 Javascript

jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】

Mar 28 jQuery

JQuery animate动画应用示例

May 14 jQuery

vue+element创建动态的form表单及动态生成表格的行和列

May 20 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和js如何通过json互相传递数据相关问题探讨

2013/02/26 PHP

php单文件版在线代码编辑器

2015/03/12 PHP

php上传图片并压缩的实现方法

2015/12/22 PHP

php实现生成带二维码图片并强制下载功能

2018/02/24 PHP

设定php简写功能的方法

2019/11/28 PHP

Js 获取当前日期时间及其它操作实现代码

2021/03/04 Javascript

基于JQuery的浮动DIV显示提示信息并自动隐藏

2011/02/11 Javascript

js 判断一个元素是否在页面中存在

2012/12/27 Javascript

JS远程获取网页源代码实例

2013/09/05 Javascript

Javascript中的arguments与重载介绍

2015/03/15 Javascript

AngularJS ng-change 指令的详解及简单实例

2016/07/30 Javascript

Javascript的动态增加类的实现方法

2016/10/20 Javascript

JavaScript reduce和reduceRight详解

2016/10/24 Javascript

Node.js中.pfx后缀文件的处理方法

2017/03/10 Javascript

老生常谈combobox和combotree模糊查询

2017/04/17 Javascript

Angular模板表单校验方法详解

2017/08/11 Javascript

JavaScript复制内容到剪贴板的两种常用方法

2018/02/27 Javascript

基于datepicker定义自己的angular时间组件的示例

2018/03/14 Javascript

解决webpack+Vue引入iView找不到字体文件的问题

2018/09/28 Javascript

一篇文章弄懂javascript中的执行栈与执行上下文

2019/08/09 Javascript

vue.js 实现a标签href里添加参数

2019/11/12 Javascript

vue 路由懒加载中给 Webpack Chunks 命名的方法

2020/04/24 Javascript

jQuery加PHP实现图片上传并提交的示例代码

2020/07/16 jQuery

python使用paramiko实现远程拷贝文件的方法

2016/04/18 Python

Python实现简单字典树的方法

2016/04/29 Python

python 日期操作类代码

2018/05/05 Python

Python使用ConfigParser模块操作配置文件的方法

2018/06/29 Python

python 划分数据集为训练集和测试集的方法

2018/12/11 Python

python算法与数据结构之冒泡排序实例详解

2019/06/22 Python

wxpython布局的实现方法

2019/11/01 Python

斯图尔特·韦茨曼鞋加拿大官网：Stuart Weitzman加拿大

2019/10/13 全球购物

长安大学毕业生自我鉴定

2014/01/17 职场文书

前厅收银主管岗位职责

2014/02/04 职场文书

2015年保险公司个人工作总结

2015/05/22 职场文书

红歌会主持词

2015/07/02 职场文书

MySQL 8.0 之不可见列的基本操作

2021/05/20 MySQL