2 mr chen 100 mr_chen_100 于 2014.11.11 01:08 提问

用js写的固定定位的div,滚动滚动条的时候总是一闪一闪的?

问题就是 我写的一个div层固定到浏览器顶部,然后滚动滚动条的时候,这个div总是突然距离浏览器顶部一小距离,然后就又回去了。
div在滚动条上下滚动的时候总是上下偏移一下,在火狐下就没事,在其他浏览器下就有这样的问题。我是用绝对定位position:absolute;直接定位在body下的,滚动条滚动的时候去的是$(window).scrollTop的值,然后在赋给这个div的top的

3个回答

chinmo
chinmo   Rxr 2014.11.11 14:05
已采纳

这个很简单的,可以直接使用css实现

position:fixed;
_position:absolute;
z-index:10000;
left:0px;
top:0px;
clear:both;
overflow:hidden;
_top:expression(eval(document.documentElement.scrollTop));

save4me
save4me   Ds   Rxr 2014.11.19 11:40

主流浏览器支持position: fixed。
另参考 Position Fixed IE6

save4me
save4me   Ds   Rxr 2014.12.18 10:59

上面的答案有帮助吗?如果还有问题,请提出来,如果对答案满意,请顶一下,并标记为采纳答案,谢谢!

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
绝对定位元素随滚动条滑动无延时不闪烁的解决办法!
绝对定位元素随滚动条滑动不闪烁 body { background: #eee; margin: 0; padding: 0; } .container { width: 1000px; height: 5000px; background: #ddd; margin: 0 auto; } .wrapper { height: 400px; width: 998px; bac
js实现随滚动条滚动div位置动态变化
js实现随滚动条滚动,div位置动态变化,使div不会因为滚动条的下滑而导致div被上部边界覆盖。
Jquery DIV滚动至浏览器顶部位置固定
获取元素(这里定位元素A)距离顶部的高度,接着设定scroll滚动的事件,比如超过那个高度,把A的位置设定为fixed,小于该高度,修改回relative。 方法一: $(function() {      var elm = $('.nav');      var startPos = $(elm).offset().top;      $.event.add(wind
固定层不随滚动条滚动而滚动(纯CSS,兼容IE6,IE7,IE8,Firefox,Safari)
使用CSS来固定层,此层不随滚动条滚动而滚动,固定层分三个位置: 页面顶端:   页面中央:   页面底层:     StaticContent.css文件: /*******调用***********/ /********解决内容一跳一跳的Bug(适用于IE6)*******/ html,body{ background:url(nothing.tx
Div 垂直滚动条定位到子 Div 的位置
Div 垂直滚动条定位到子 Div 的位置Html 代码<html> /* 头部代码 */ <body> <div id="divBox"> <div id="test1"></div> <div id="test2"></div> <div id="test3"></div>
div 固定不动,不随滚动条滚动且不闪动
chinmo.net body{ margin:0px; padding:0px; } #glideDiv0{position:fixed; bottom:0;left:0; width:100%; background:#F00;} html{overflow:hidden;} body{height:100%;overflow:auto;} #glideDiv0{position
滚动页面时DIV到达顶部时固定在顶部(jq实现)
<a href="http://keleyi.com/menu/net/" target="_blank">.NET Javascript jQuery C# 其他 首页 $(function () { var ie6 = document.all; var dv = $('#fixedMenu_keleyi_com'), st; dv.attr('otop', dv.offset()
如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
利用JavaScript脚本,从浏览器中获取各个关于位置的参数,然后将其计算后,定位在窗体的右下角。可以承认,这个方法确实是比较自然的想法,也是很常见的方法,但是这样的方法有以下几个缺点: 1、使用了大量的计算,每次滚动,都少不了一大堆的运算。 2、使用了JavaScript脚本,脚本这东西受到浏览器的限制,即便没有限制,也同样因为网页的下载模式问题,可能因为脚本下载未完成或者下载失败而致
拖动滚动条判断fixed定位切换时,火狐和IE下会有抖动,默认给定位的DIV一个absolute即可。
最近的一个项目,需要做当滚动条拉g
div浮层,滚动条移动,保持位置不变的4种方法
div在顶部不变、滚动条滚动,div还是在顶部! 直接上传源码 了: 方法一: [html] view plaincopyprint? >      html xmlns="http://www.w3.org/1999/xhtml ">  head>   title>div浮层,滚动条移动,保持位置不变title>   meta http-equiv=