滚动页面时DIV到达顶部时固定在顶部(jq实现)
来源:互联网 发布:山东省网络快报系统 编辑:程序博客网 时间:2024/05/21 21:45
<body style="margin:0px;"> <div style="height:300px;background:#e0e0e0"></div> <div id="fixedMenu_keleyi_com" style="background:#ffffff;width:100%;"><ul><li><a href="http://keleyi.com/menu/net/" target="_blank">.NET</a></li> <li><a href="http://keleyi.com/menu/javascript/" target="_blank">Javascript</a></li> <li><a href="http://keleyi.com/menu/jquery/" target="_blank">jQuery</a></li> <li><a href="http://keleyi.com/menu/csharp/" target="_blank">C#</a></li> <li><a href="http://keleyi.com/menu/other/" target="_blank">其他</a></li> <li><a href="http://keleyi.com/" target="_blank">首页</a></li></ul> </div> <div style="height:2600px;background:#999"></div> <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script> <script type="text/javascript"> $(function () { var ie6 = document.all; var dv = $('#fixedMenu_keleyi_com'), st; dv.attr('otop', dv.offset().top); //存储原来的距离顶部的距离 $(window).scroll(function () { st = Math.max(document.body.scrollTop || document.documentElement.scrollTop); if (st > parseInt(dv.attr('otop'))) { if (ie6) {//IE6不支持fixed属性,所以只能靠设置position为absolute和top实现此效果 dv.css({ position: 'absolute', top: st }); } else if (dv.css('position') != 'fixed') dv.css({ 'position': 'fixed', top: 0 }); } else if (dv.css('position') != 'static') dv.css({ 'position': 'static' }); }); }); </script> </body>
阅读全文
0 0
- 滚动页面时DIV到达顶部时固定在顶部(jq实现)
- 滚动页面时DIV到达顶部时固定在顶部(jq实现)
- 导航栏滚动到顶部时固定在顶部
- 当div滚动到顶部时,DIV固定在顶部不动,不随滚动条滚动而滚动,除这个div以外的其它元素可以滚动
- js实现html页面滚动条向下拉到一定的程度时,某个div就固定在顶部,向上拉时返回原位置。
- 页面某个div固定在顶部
- Axure怎么制作页面滚动时菜单固定在顶部的
- div在浏览器滚动的时候在顶部固定
- JQ:当页面滚动到一定位置之后,让元素固定在顶部,小于位置后恢复原来的位置
- JQ判断滚动条是否到达顶部或者底部
- 滚动页面时DIV到顶部时fixed(原生js实现)
- android 进入页面时让焦点固定在顶部
- 滚动条下拉时 table 的thead 固定在网页固定在顶部不动
- jq滚动到顶部
- jQuery实现页面滚动时顶部动态显示隐藏
- jQuery实现页面滚动时顶部动态显示隐藏
- jQuery 顶部导航跟随滚动,固定浮动在顶部
- 固定-浮动定位在顶部的div
- Android中过度绘制
- 文件上传漏洞的相关绕过方法
- JS:问题记录一
- C# List<T>用法
- tyvj 1387 迷你火车头
- 滚动页面时DIV到达顶部时固定在顶部(jq实现)
- Docker 自修笔记(二)
- KMP算法中的next数组
- 关于面向对象的浅层次理解。
- 5709
- 配置Maven时报错
- Xcode中模拟器消失的解决方案
- 1067. 试密码(20)
- Lua中的栈概念