滚动条下滑一定高度时，固定指定 ID 的导航条。
使用方法：
修改 FixTop() 中 id 为需要固定导航的相应 id ；
效果：
当滚动条下滑滚动超过导航栏位置时，导航栏固定 (移除原有，添加「position:fixed」属性并添加 「fixtop」 类名)；
当滚动条上滑高度低于原来导航高度时，导航栏变成默认效果(移除原有，添加「position:static」属性并添加 「fixnone」类名)；
代码如下：
- function FixTop(obj) {
- var obj = document.getElementById(obj);
- var objOffset = obj.offsetTop;
-
- window.onscroll = function() {
- var bodyScrollOffset = document.body.scrollTop;
-
- var Result = objOffset - bodyScrollOffset;
-
- if (Result < 0 && bodyScrollOffset > objOffset) {
- obj.style.position = "fixed";
- obj.style.top = 0;
- obj.setAttribute('class', 'fixtop');
- } else {
- obj.style.position = 'static';
- obj.setAttribute('class', 'fixnone');
- }
- }
- }
- FixTop('ID');
代码示例：
效果戳我
完毕！
乾坤文说
评论 (0)