div标签跟着滑动但始终在视线里!刚开始div在页面中间 随着页面的往下滑动,div也随之向上滑动,直到div滑动到顶端,页面继续下滑,div在页面顶端保持不变!整个过程 div标签内容始终可见!
3条回答 默认 最新
- Go 旅城通票 2015-01-20 07:33关注
显示合作div absolute定位,判断滚动到div位置的时候设置position为fixed,同时设置top为0
<div style="height:500px;background:#999"></div> <div id="fixedMenu" style="background:#eee;width:100%;">我是菜单,我到页头会固定</div> <div style="height:900px;background:#999"></div> <script type="text/javascript" src="http://www.coding123.net/js/jquery.js"></script> <script type="text/javascript"> $(function () { var ie6 = /msie 6/i.test(navigator.userAgent) , dv = $('#fixedMenu'), 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>
http://www.coding123.net/article/20121101/javascript-fix-guider-when-scroll-to-top.aspx
解决 无用评论 打赏 举报
悬赏问题
- ¥15 求差集那个函数有问题,有无佬可以解决
- ¥15 【提问】基于Invest的水源涵养
- ¥20 微信网友居然可以通过vx号找到我绑的手机号
- ¥15 寻一个支付宝扫码远程授权登录的软件助手app
- ¥15 解riccati方程组
- ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
- ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
- ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
- ¥50 树莓派安卓APK系统签名
- ¥65 汇编语言除法溢出问题