div固定位置，不随滚动条滚动
2013-02-06 17:10
190 查看
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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动 (转)
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动 (转)
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动 (转)
- Study Html《如何让DIV固定在页面的某个位置而不随着滚动条随意滚动》
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- [转]如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- CSS+DIV固定位置,不随滚动条而滚动
- div固定位置，不随滚动条滚动
- HTML 中让DIV不随滚动条滚动，使终显示在浏览器的固定位置
- 滚动条上下左右滚动，div始终保持在窗口的固定位置。
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动 (转)
- [转]如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- js实现随滚动条滚动div位置动态变化
- jQuery实现将div中滚动条滚动到指定位置的方法
- 基于jquery的滚动条滚动固定div(附Demo)
- Jquery页面滚动条向下拉到div的位置时，此div就固定在顶部，向上拉时返回原位置