用户名:MIGO芒果掂
滚动条是容器所固有的,不管是外面的滚动条,还是里面的滚动条。只要让固定的div和body或者html容器脱来自离关系,即可实现DIV固定在页面而不随着滚动条随意滚动。
①html,body:将默认出现的滚动条,完全地隐藏,这样不管什么内容都不会出现了。
②.virtual_body:写一个假的body,设置它的长宽为100%,这样利用可视的浏览器窗体显示轻所有的内容,并垂直允许出现滚动条。
③.fixed_问答div:用它进行绝对值编富雨它给酸训卫置进行**,因为在这个容器下,该页面100%的够阶被假冒body覆盖了,滚动条自然也显示不出来了。
示例代码如下:
<html>
<head>
<title></title>
<styletype="text/
css">
html,body{
ove端握rflow:hidden;
margin:0px;
width:100%;
height:100%;
}
.virtual_body{
width:100%;
h比例各冲差密才开使eight:100%;
overflow-y:scroll;
overflow-x:auto;
}
.fi况白胶创通xed_div{
p将船肥样术分距读osition:absolute;
z-i操易组女行故ndex:2008;
bottom:20px;
l航绝义eft:40px;
width:800px;
h他盐解无eight:40草慢病px;
b几带知资order:1pxsolidred;
backgroun布言团景样艺脱医法d:#e5e5e5;
}
</style>
</head>
<body>
<d深策坏言曲诉夫ivclass="fixed_div">Iamstillhere!</div>
<divclass="virtual_body">
<divstyle="heig导张婷市ht:888px;">
Iamcontent!
</div>
</div>
</body>
</html>