令层永远保持停留在屏幕的正中间部…
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" />
思路:就是你设计的版面有多大;
比如:你设计的版面宽是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" />
相关文章推荐
- 字幕滚动效果---非常酷哦
- 三组文字间隙、间歇滚动代码
- 提交按钮(带连接网址)
- this 指针
- 24款较经典的Page翻页分页css代码
- 仿3721首页模块拖曳移动效果[拖曳…
- 把网站改成黑白色,纪念这次地震中…
- 鼠标经过箭头时,图片会向左或向右…
- ASP中For…Next循环语句
- HTTP返回代码代表的含义(403,404,500,502,504)
- 网页层变成半透明的方法
- 两个onload 、onclick事件处理的办…
- 点击连接弹出窗口层,并且背景变暗…
- yii2中如何使用modal弹窗之基本使用
- 折叠展开收缩效果的栏目分类导航
- MSN网页上点击连接
- 显示非重复数据
- 禁止保存图片或禁止用“另存为”保存…
- iOS多线程篇:NSThread简单介绍和使用
- iOS多线程篇:NSThread简单介绍和使用