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

ie focus bug 解决方法

Sep 03 Javascript

JavaScript 字符串与数组转换函数[不用split与join]

Dec 13 Javascript

制作高质量的JQuery Plugin 插件的方法

Apr 20 Javascript

php上传图片并给图片打上透明水印的代码

Jun 07 Javascript

JQuery控制radio选中和不选中方法总结

Apr 15 Javascript

jquery实现标题字体变换的滑动门菜单效果

Sep 07 Javascript

Bootstrap基本样式学习笔记之表单(3)

Dec 07 Javascript

webuploader模态框ueditor显示问题解决方法

Dec 27 Javascript

快速解决vue-cli不能初始化webpack模板的问题

Mar 20 Javascript

ES6知识点整理之对象解构赋值应用示例

Apr 17 Javascript

vue项目中使用eslint+prettier规范与检查代码的方法

Jan 16 Javascript

OpenLayers3实现图层控件功能

Sep 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 调用远程url的六种方法小结

2009/11/02 PHP

分割GBK中文遭遇乱码的解决方法

2013/08/09 PHP

禁止F5等快捷键的JS代码

2007/03/06 Javascript

javascript attachEvent和addEventListener使用方法

2009/03/19 Javascript

判断客户端浏览器是否安装了Flash插件的多种方法

2010/08/11 Javascript

图片动画横条广告带上下滚动可自定义图片、链接等等

2013/10/20 Javascript

查找Oracle高消耗语句的方法

2014/03/22 Javascript

JavaScript实现的内存数据库LokiJS介绍和入门实例

2014/11/17 Javascript

jQuery实现的仿百度分页足迹效果代码

2015/10/30 Javascript

js与applet相互调用的方法

2016/06/22 Javascript

DOM事件探秘篇

2017/02/15 Javascript

JavaScript Uploadify文件上传实例

2017/02/28 Javascript

微信小程序自定义弹窗wcPop插件

2018/11/19 Javascript

大转盘抽奖小程序版转盘抽奖网页版

2020/04/16 Javascript

Vue开发之封装上传文件组件与用法示例

2019/04/25 Javascript

使用preload预加载页面资源时注意事项

2020/02/03 Javascript

JavaScript canvas绘制圆弧与圆形

2020/02/18 Javascript

详解template标签用法(含vue中的用法总结)

2021/01/12 Vue.js

详细探究Python中的字典容器

2015/04/14 Python

python使用PyCharm进行远程开发和调试

2017/11/02 Python

python实现简单淘宝秒杀功能

2018/05/03 Python

Python常见数据类型转换操作示例

2019/05/08 Python

利用PyCharm操作Github(仓库新建、更新，代码回滚)

2019/12/18 Python

Python3 虚拟开发环境搭建过程(图文详解)

2020/01/06 Python

详解使用CSS3的@media来编写响应式的页面

2017/11/01 HTML / CSS

html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例

2014/05/08 HTML / CSS

酒店管理毕业生自荐信

2013/10/24 职场文书

空乘英文求职信

2014/04/13 职场文书

公民授权委托书范本

2014/09/17 职场文书

先进个人事迹材料

2014/12/29 职场文书

三峡大坝导游词

2015/01/31 职场文书

2015国庆节66周年演讲稿

2015/03/20 职场文书

2015小学教师德育工作总结

2015/05/12 职场文书

志愿者服务宣传标语口号

2015/12/26 职场文书

Jupyter notebook 不自动弹出网页的解决方案

2021/05/21 Python

索尼ICF-5900W收音机测评

2022/04/24 无线电