您的位置:首页 > 其它

令层永远保持停留在屏幕的正中间部…

2016-06-02 12:53 260 查看
方法一

思路:就是你设计的版面有多大;

比如:你设计的版面宽是1004PX的,那么你就把那层宽度设计为1004,上、下为0;左、右为自动

#main {

width: 1004px;

margin-top: 0px;

margin-right: auto;

margin-bottom: 0px;

margin-left: auto;

}

方法二

#top {

position: relative;

height: 109px;

width: 1004px;

margin:0 auto;

}

方法三

<script
language="JavaScript">

function scrollbox() {

var box = document.getElementByIdx('box');

box.style.top =
document.body.scrollTop + (document.body.clientHeight -
box.style.pixelHeight) / 2;

box.style.left = document.body.scrollLeft +
(document.body.clientWidth - box.style.pixelWidth) / 2 ;

}

</script>

<body onload="scrollbox()" onscroll="scrollbox()"
onresize="scrollbox()">

<div id="box" style="position: absolute; width:
100px; height: 100px; background-color:
red;"></div>

<img height="1000" />
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: