网页定位导航

来源:互联网 发布:三只眼 漫画 知乎 编辑:程序博客网 时间:2024/05/01 18:23

jquery 用id筛选比用id快
href=”#”到顶部的锚点

l两者进行链接
href=”#bbb”
id=”bbb”

。类选择器
“#“id选择器

流程:(jquery)
1监听滚动事件
2var menu =$(“#menu”)查询到导航
3找到所有的菜单内容
通过ID缩小范围在找到符合要求的类
4each遍历每一个ITEM
5找到current类 如果是他就不变 如果不是就移除这个类 给另一个导航项加类
6IE兼容系测试(IETEST)
ie6不支持 position:fixed
solution:* html menu{
}//只在ie6中适用的样式
解决ie6跳变得问题:
*html ,*html body{
background-image:url(about:blank);
background-attachment:fixed;
}
流程
(js实现)
1getelementbyid找到item
2
(1)找到对应的楼层 (遍历)
(2)对于每个item选择是否加或者移除class(遍历)

具体代码imooc上面有

0 0
原创粉丝点击