html下拉div位置不变,div浮层,滚动条移动,位置保持不变的4种方法汇总

html下拉div位置不变,div浮层,滚动条移动,位置保持不变的4种方法汇总

div在顶部不变、滚动条滚动，div还是在顶部！直接上传源码了：

方法一：

body{background-image:url(about:blank);background-attachment:fixed;}

#float{width:344px;height:34px;border:1px solid #C0DBF8;position:absolute;top:0px;}

var IO&#ElementById('float'),Y=IO,H=0,IE6;

IE6=window.ActiveXObject&&!window.XMLHttpRequest;

while(Y){H+=Y.offsetTop;Y=Y.offsetParent};

if(IE6)

IO.style.cssText="position:absolute;top:(this.fix?(document.documentElement.scrollTop-(this.javascript||"+H+")):0)";

window.οnscrοll=function (){

var d=document,s=Math.max(d.documentElement.scrollTop,document.body.scrollTop);

if(s>H&&IO.fix||s<=H&&!IO.fix)return;

if(!IE6)IO.style.position=IO.fix?"":"fixed";

IO.fix=!IO.fix;

};

Command("BackgroundImageCache",false,true)}catch(e){};

方法二：

居中的层

方法三：

居中的层

方法四：[采用css来居中]

function showDiv(){