div浮层,滚动条移动,位置保持不变的4种方法汇总_javascript技巧

方法一：
代码如下:

ddd

var IO=document.getElementById('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.onscroll=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;
};
try{document.execCommand("BackgroundImageCache",false,true)}catch(e){};



方法二：
代码如下:

居中的层



方法三：
代码如下:




居中的层



方法四：[采用css来居中]
代码如下:


function showDiv(){

document.getElementById('popDiv').style.display='block';

}
window.onload=function(){
showDiv();
}








始终在中间