div固定位置,不随滚动条滚动
2013-02-06 17:10
267 查看
Html代码
<html>
<head>
<title>div固定位置,不随滚动条滚动</title>
<style
type="text/css">
html,body {
overflow:hidden;
margin:0px;
width:100%;
height:100%;
}
.virtual_body {
width:100%;
height:100%;
overflow-y:scroll;
overflow-x:auto;
}
.fixed_div {
position:absolute;
z-index:2008;
bottom:20px;
left:40px;
width:800px;
height:40px;
border:1px solid red;
background:#e5e5e5;
}
</style>
</head>
<body>
<div
class="fixed_div">我永远在这里,哪也不去</div>
<div
class="virtual_body">
<div
style="height:888px;">
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
滚动条是把杀猪刀
</div>
</div>
</body>
</html>
<html>
<head>
<title>div固定位置,不随滚动条滚动</title>
<style
type="text/css">
html,body {
overflow:hidden;
margin:0px;
width:100%;
height:100%;
}
.virtual_body {
width:100%;
height:100%;
overflow-y:scroll;
overflow-x:auto;
}
.fixed_div {
position:absolute;
z-index:2008;
bottom:20px;
left:40px;
width:800px;
height:40px;
border:1px solid red;
background:#e5e5e5;
}
</style>
</head>
<body>
<div
class="fixed_div">我永远在这里,哪也不去</div>
<div
class="virtual_body">
<div
style="height:888px;">
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
滚动条是把杀猪刀
</div>
</div>
</body>
</html>
相关文章推荐
- Study Html《如何让DIV固定在页面的某个位置而不随着滚动条随意滚动》
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- [转]如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- CSS+DIV固定位置,不随滚动条而滚动
- div固定位置,不随滚动条滚动
- HTML 中让DIV不随滚动条滚动,使终显示在浏览器的固定位置
- 滚动条上下左右滚动,div始终保持在窗口的固定位置。
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动 (转)
- [转]如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动 (转)
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动 (转)
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动 (转)
- 位置固定的层_总在最上面和总在最下面和总在中间_这里的滚动条是div的不是body的
- 如何通过JQuery将DIV的滚动条滚动到指定的位置
- 如何通过JQuery将DIV的滚动条滚动到指定的位置
- div+css中如何将层随着滚动条的移动的初始位置固定在导航栏左下方