滚动页面时DIV到达顶部时固定在顶部(jq实现)
来源:互联网 发布:分类信息网 软件 编辑:程序博客网 时间:2024/05/21 17:29
<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
- LeetCode-Largest Number-解题报告
- Google Guava 类库简介
- 【swift-总结】结构体和类
- Linux 的虚拟文件系统(强烈推荐)
- 【数组】合并有序数列
- 滚动页面时DIV到达顶部时固定在顶部(jq实现)
- hdu 5224 Tom and paper
- linux下read系统调用剖析
- 9个优秀网上免费标签云生成工具
- 负载均衡实现,一个域名对应多个IP地址
- poj3304-Segments-判断直线和线段是否相交
- uCGUI 按键切换对话框内子控件焦点
- 课程实训(猜猜看游戏)进度四
- [从零开始学libGDX]第一章:libGDX游戏引擎简介