编程 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最新动画教程+iso光盘下载

Jan 22 Javascript

基于jQuery的js分页代码

Jun 10 Javascript

分享XmlHttpRequest调用Webservice的一点心得

Jul 20 Javascript

js实现的切换面板实例代码

Jun 17 Javascript

js实现按钮颜色渐变动画效果

Aug 20 Javascript

原生javascript实现图片无缝滚动效果

Feb 12 Javascript

jquery中validate与form插件提交的方式小结

Mar 26 Javascript

详解原生JavaScript实现jQuery中AJAX处理的方法

May 10 Javascript

浅谈AngularJS中ng-class的使用方法

Nov 11 Javascript

JS变量中有var定义和无var定义的区别以及es6中let命令和const命令

Feb 19 Javascript

微信小程序实战之轮播图（3）

Apr 17 Javascript

基于javascript canvas实现五子棋游戏

Jul 08 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 $_SERVER当前完整url的写法

2009/11/12 PHP

Smarty局部缓存的几种方法简介

2014/06/17 PHP

php中的动态调用实例分析

2015/01/07 PHP

PHP实现在windows下配置sendmail并通过mail()函数发送邮件的方法

2017/06/20 PHP

详解PHP神奇又有用的Trait

2019/03/25 PHP

js下用gb2312编码解码实现方法

2009/12/31 Javascript

跨浏览器开发经验总结（三）警惕“IE依赖综合症”

2010/05/13 Javascript

script标签属性type与language使用选择

2012/12/02 Javascript

nodejs中使用多线程编程的方法实例

2015/03/24 NodeJs

网页从弹窗页面单选框传值至父页面代码分享

2015/09/29 Javascript

JavaScript数值千分位格式化的两种简单实现方法

2016/08/01 Javascript

微信小程序底部导航栏目开发资料

2016/12/05 Javascript

JQuery Ajax 异步操作之动态添加节点功能

2017/05/24 jQuery

js用类封装pop弹窗组件

2017/10/08 Javascript

jQuery结合jQuery.cookie.js插件实现换肤功能示例

2017/10/14 jQuery

vue一个页面实现音乐播放器的示例

2018/02/06 Javascript

Vue父组件调用子组件事件方法

2018/02/23 Javascript

简化版的vue-router实现思路详解

2018/10/19 Javascript

vue调试工具vue-devtools安装及使用方法

2018/11/07 Javascript

vue favicon设置以及动态修改favicon的方法

2018/12/21 Javascript

js实现多个倒计时并行 js拼团倒计时

2019/02/25 Javascript

小程序云函数调用API接口的方法

2019/05/17 Javascript

js 闭包深入理解与实例分析

2020/03/19 Javascript

[01:13:01]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第三场

2018/04/05 DOTA

使用Mixin设计模式进行Python编程的方法讲解

2016/06/21 Python

Python中的正则表达式与JSON数据交换格式

2019/07/03 Python

HTML5图片层叠的实现示例

2020/07/07 HTML / CSS

法国时尚童装网站：Melijoe

2016/08/10 全球购物

医院护士专业个人的求职信

2013/12/09 职场文书

电子商务专业应届毕业生求职信

2014/06/21 职场文书

邮政竞聘演讲稿

2014/09/03 职场文书

2014教师教育实践活动对照检查材料思想汇报

2014/09/21 职场文书

大学生档案自我鉴定（2篇）

2014/10/14 职场文书

党的群众路线教育实践活动调研报告

2014/11/03 职场文书

小学六一儿童节活动总结

2015/05/05 职场文书

使用react+redux实现计数器功能及遇到问题

2021/06/02 Javascript