滚动固定导航
来源:互联网 发布:细说php第二版视频教程 编辑:程序博客网 时间:2024/06/10 06:50
html
<header></header><ul></ul>
css
*{margin: 0;padding: 0;}header{height: 50px;width:100%;background:#ddd;position: relative;top: 0;z-index: 999;left: 0;}.ofixednav{position: fixed;top: 0;left: 0;}
js
<script type="text/javascript" src="jquery.js"></script><script> var oUl=document.getElementsByTagName('ul')[0]; for(var i=0;i<200;i++){ oUl.innerHTML+='<li>'+i+'</li>'; } $(function(){ $(window).scroll(function(){ if($(window).scrollTop()>=50){ $('header').addClass('ofixednav'); }else{ $('header').removeClass('ofixednav'); } }) })</script>
0 0
- 滚动固定导航
- 屏幕滚动 固定导航栏
- 导航栏滚动到顶部后固定
- scrollToFixed.js——导航...滚动固定
- 滚动 导航栏 吸顶 固定
- 滚动浮动导航,iscroll结构滚动固定元素
- jQuery 顶部导航跟随滚动,固定浮动在顶部
- jQuery实现固定顶部 定位滚动导航效果代码
- 跟随屏幕滚动后固定导航到顶端
- 导航菜单固定头部跟随屏幕滚动jQuery插件
- jquery实现随着鼠标滚动固定导航栏
- jQuery实现在鼠标滚动后导航栏保持固定
- 跟随屏幕滚动后固定导航到顶端
- js实现导航条等滚动后位置固定
- 导航栏滚动到顶部时固定在顶部
- jQuery实现在鼠标滚动后导航栏保持固定
- Jquery实现滚动条滚到一定高度时,导航栏固定
- 页面滚动到指定位置导航栏固定顶部
- 数据库断电后DB状态为可疑解决方法(事例数据库为DataValidatation)
- Mysql随机插入数字、日期、时间戳
- python数据库连接模板
- Java integer to byte array
- 地址转经纬度(IOS自带方法)
- 滚动固定导航
- 子查询
- JNI编程-- undefined reference to `__android_log_print' 的解决办法
- iOS 图片边缘抗锯齿
- 记录点滴
- 探究functools模块wraps装饰器的用途
- 【java基础】java通过相对路径读取文件
- layoutSubViews实践
- 彩虹表的概念