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

超酷的网页音乐播放器DewPlayer使用方法

Dec 18 Javascript

Json对象与Json字符串互转(4种转换方式)

Mar 27 Javascript

innerHTML动态添加html代码和脚本兼容多个浏览器

Oct 11 Javascript

浅谈JavaScript实现面向对象中的类

Dec 09 Javascript

jQuery获得指定元素坐标的方法

Apr 14 Javascript

js实现网页抽奖实例

Aug 05 Javascript

详解JavaScript中常用的函数类型

Nov 18 Javascript

Angular 4依赖注入学习教程之组件服务注入（二）

Jun 04 Javascript

javascript流程控制语句集合

Sep 18 Javascript

jquery之基本选择器practice(实例讲解)

Sep 30 jQuery

vue使用axios上传文件(FormData)的方法

Apr 14 Javascript

微信小程序学习总结（一）项目创建与目录结构分析

Jun 04 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关于array_multisort多维数组排序的使用说明

2011/01/04 PHP

PHP树的深度编历生成迷宫及A*自动寻路算法实例分析

2015/03/10 PHP

php生成二维码

2015/08/10 PHP

浅谈PHP实现大流量下抢购方案

2017/12/15 PHP

LaravelS通过Swoole加速Laravel/Lumen详解

2018/03/02 PHP

PHP赋值的内部是如何跑的详解

2019/01/13 PHP

如何在centos8自定义目录安装php7.3

2019/11/28 PHP

JavaScript 轻松搞定快捷留言功能只需一行代码

2010/04/01 Javascript

深入解析contentWindow, contentDocument

2013/07/04 Javascript

如何学习Javascript入门指导

2013/11/01 Javascript

JavaScript中跨域调用Flash的方法

2014/08/11 Javascript

javascript 闭包详解

2015/07/02 Javascript

Nodejs 搭建简单的Web服务器详解及实例

2016/11/30 NodeJs

nodejs中向HTTP响应传送进程的输出

2017/03/19 NodeJs

详解Web使用webpack构建前端项目

2017/09/23 Javascript

浅探express路由和中间件的实现

2019/09/30 Javascript

在Python的Flask框架下使用sqlalchemy库的简单教程

2015/04/09 Python

详解Python中的文件操作

2016/08/28 Python

Python实现在tkinter中使用matplotlib绘制图形的方法示例

2018/01/18 Python

Python(Django)项目与Apache的管理交互的方法

2018/05/16 Python

在python中利用GDAL对tif文件进行读写的方法

2018/11/29 Python

python实现自动化上线脚本的示例

2019/07/01 Python

使用python打印十行杨辉三角过程详解

2019/07/10 Python

django重新生成数据库中的某张表方法

2019/08/28 Python

Python类中self参数用法详解

2020/02/13 Python

python中adb有什么功能

2020/06/07 Python

Gap英国官网：Gap UK

2018/07/18 全球购物

阿联酋手表和配饰购物网站：Rivolishop

2019/11/25 全球购物

internal修饰符起什么作用

2013/12/16 面试题

数控专业应届生求职信

2013/11/27 职场文书

幼儿园2014年度工作总结

2014/11/10 职场文书

继承权公证书范本

2015/01/23 职场文书

幼儿园百日安全活动总结

2015/05/07 职场文书

导游词之山东孔庙

2019/11/04 职场文书

用Python爬取各大高校并可视化帮弟弟选大学,弟弟直呼牛X

2021/06/11 Python

python中的mysql数据库LIKE操作符详解

2021/07/01 MySQL