网站导航固定头部
2016-04-14 21:58
381 查看
页面引入 jQuery.js
1、css
.nav_fixed{position: fixed;top: 0px;}
2、网页加上一段js
《script》
var nt = !1;
$(window).bind("scroll",
function() {
var st = $(document).scrollTop();//往下滚的高度
nt = nt ? nt: $("#J_m_nav").offset().top;
// document.title=st;
var sel=$("#J_m_nav");
if (nt < st) {
sel.addClass("nav_fixed");
} else {
sel.removeClass("nav_fixed");
}
});
《/script》
3、导航 呢里 加上 样式 id="J_m_nav"
1、css
.nav_fixed{position: fixed;top: 0px;}
2、网页加上一段js
《script》
var nt = !1;
$(window).bind("scroll",
function() {
var st = $(document).scrollTop();//往下滚的高度
nt = nt ? nt: $("#J_m_nav").offset().top;
// document.title=st;
var sel=$("#J_m_nav");
if (nt < st) {
sel.addClass("nav_fixed");
} else {
sel.removeClass("nav_fixed");
}
});
《/script》
3、导航 呢里 加上 样式 id="J_m_nav"
相关文章推荐
- 最新Hadoop-2.7.2+hbase-1.2.0+zookeeper-3.4.8 HA高可用集群配置安装
- 小谈业务应用架构
- 高可用保证消息绝对顺序消费的BROKER设计方案
- 推荐一个免费的论文查重网站PaperFree
- 微服务架构的设计模式与使用到的基础框架
- 浅谈Web网站架构演变过程
- 呕心之作:支付宝的手机网站支付接口的应用
- 网站打开慢,如何排查
- 网站会员整合ucenter 实现多站点同步登录方法
- Nutch2.x 演示抓取第一个网站
- Nutch的配置以及动态网站的抓取
- 【教程】游戏引擎和项目的设计Demo-1:简易架构图
- 服务器端 三层架构
- Android开发网站
- SoC嵌入式软件架构设计之七:嵌入式文件系统设计
- 常用的github网站的第三方
- Web网站压力测试工具
- 如何获取到我们博客的访问数据之腾讯分析网站
- java集合框架07——Map架构与源码分析
- 利用TortoiseGit(小乌龟)将项目上传至GitHub网站