div边框随着滚动条的移动而移动

最新推荐文章于 2021-05-31 11:00:58 发布

Doraneko

最新推荐文章于 2021-05-31 11:00:58 发布

阅读量2.2k

点赞数

文章标签： div class css

本文链接：https://blog.csdn.net/Doraneko/article/details/6096044

版权

div边框随着页面的移动而移动的js代码

css代码：

.div{
position: absolute;
border: 2px solid red;
background-color: #EFEFEF;
line-height:90px;
font-size:12px;
z-index:1000;
}

<div id="Javascript.Div1" class="div" style="width: 240; height:90" align="center">正中...</div>
<SCRIPT LANGUAGE="JavaScript">
function sc1(){
document.getElementById("Javascript.Div1").style.top=document.body.scrollTop+(document.body.clientHeight-document.getElementById("Javascript.Div1").offsetHeight)/2
document.getElementById("Javascript.Div1").style.left=document.body.scrollLeft+(document.body.clientWidth-document.getElementById("Javascript.Div1").offsetWidth)/2;
}
</SCRIPT>