编程 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毫秒数用法实例

Feb 05 Javascript

javascript中的previousSibling和nextSibling的正确用法

Sep 16 Javascript

js判断某个字符出现的次数的简单实例

Jun 03 Javascript

在JSP中如何实现MD5加密的方法

Nov 02 Javascript

微信小程序 request接口的封装实例代码

Apr 26 Javascript

bootstrap table表格插件使用详解

May 08 Javascript

layui.js实现的表单验证功能示例

Nov 15 Javascript

jquery实现侧边栏左右伸缩效果的示例

Dec 19 jQuery

微信小程序使用component自定义toast弹窗效果

Nov 27 Javascript

vue打包之后生成一个配置文件修改接口的方法

Dec 09 Javascript

自定义Vue中的v-module双向绑定的实现

Apr 17 Javascript

element-ui中按需引入的实现

Dec 25 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数据库开发知多少

2006/10/09 PHP

php截取utf-8中文字符串乱码的解决方法

2010/03/29 PHP

PHP发明人谈MVC和网站设计架构貌似他不支持php用mvc

2011/06/04 PHP

PHP __autoload()方法真的影响性能吗?

2012/03/30 PHP

PHP实现根据浏览器跳转不同语言页面代码

2013/08/02 PHP

用HTML/JS/PHP方式实现页面延时跳转的简单实例

2016/07/18 PHP

php实现微信企业号支付个人的方法详解

2017/07/26 PHP

mysqli扩展无法在PHP7下升级问题的解决

2019/09/10 PHP

PHP基于进程控制函数实现多线程

2020/12/09 PHP

chrome原生方法之数组

2011/11/30 Javascript

深入分析JQuery和JavaScript的异同

2014/10/23 Javascript

node.js中的http.get方法使用说明

2014/12/14 Javascript

使用jQuery仿苹果官网焦点图特效

2014/12/23 Javascript

详解AngularJS 模态对话框

2016/04/07 Javascript

js停止冒泡和阻止浏览器默认行为的简单方法

2016/05/15 Javascript

JS实现随机颜色的3种方法与颜色格式的转化

2017/01/05 Javascript

js实现3D图片展示效果

2017/03/09 Javascript

浅谈jquery中ajax跨域提交的时候会有2次请求的问题

2017/11/10 jQuery

webpack-url-loader 解决项目中图片打包路径问题

2019/02/15 Javascript

微信小程序实现圆形进度条动画

2020/11/18 Javascript

小程序如何在不同设备上自适应生成海报的实现方法

2019/08/20 Javascript

[05:10]2014DOTA2国际邀请赛通往胜利之匙赛场探秘之旅

2014/07/18 DOTA

使用py2exe在Windows下将Python程序转为exe文件

2016/03/04 Python

Python列表切片用法示例

2017/04/19 Python

apache部署python程序出现503错误的解决方法

2017/07/24 Python

详解Python中 sys.argv[]的用法简明解释

2017/12/20 Python

Django如何继承AbstractUser扩展字段

2020/11/27 Python

Ticketmaster意大利：音乐会、节日、艺术和剧院的官方门票

2019/12/23 全球购物

飞利信loadrunner和软件测试笔试题

2012/09/22 面试题

清洁工岗位职责

2014/01/29 职场文书

八一建军节活动方案

2014/02/10 职场文书

幼儿园的门卫岗位职责

2014/04/10 职场文书

关于美容院的活动方案

2014/08/14 职场文书

授权委托书样本

2014/09/25 职场文书

刑事起诉书范文

2015/05/19 职场文书

大学生各类奖学金申请书

2019/06/24 职场文书