始终在屏幕中间显示Div的代码(css+js)
始终在屏幕中间显示Div的代码(css+js)
发布时间:2016-12-30 来源:查字典编辑
摘要:一、在中间显示;(参考:sky100articles1790515)复制代码代码如下:.ordersearchDivCss{position...

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

复制代码 代码如下:

.ordersearchDivCss

{

position: absolute;

z-index: 100;

display: block;

background-color: #6ec1df;

}

<div id="DivMain" align="center"></div>

Js code

调用:<input type="button" id="Button1" />

// 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;

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类