始终在屏幕中间显示Div的代码(css+js)

一、在中间显示;(参考：sky100articles1790515)

复制代码代码如下:

　　.ordersearchDivCss

　　{

　　position: absolute;

　　z-index: 100;

　　display: block;

　　background-color: #6ec1df;

　　}

　　Js code

　　调用：<input type="button" id="Button1" onclick="sc1(‘DivMain')" />

　　// JScript 文件通过元素id得到对象的函数

　　function $(id)

　　{

　　return document.getElementById(id);

　　}

复制代码代码如下:

　　function sc1(DivId) {

　　var Div = $(DivId);

　　$(DivId).style.top = (document.documentElement.scrollTop + (document.documentElement.clientHeight - $(DivId).offsetHeight) / 2) + "px";

　　$(DivId).style.left = (document.documentElement.scrollLeft + (document.documentElement.clientWidth - $(DivId).offsetWidth) / 2) + "px";

　　//alert($(DivId).style.top);

　　}

　　二、始终在中间显示，滚动时，在Js中增加以下代码：

复制代码代码如下:

　　function scall() {

　　sc1("DivMain");

　　}

　　window.onscroll = scall;

　　window.onresize = scall;

　　window.onload = scall;