已解决问题
谷歌kp4996用户在2016.05.31提交了关于“电影世界穿梭门如何让DIV固定在页面而不随着滚动条随意滚动”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2024-08-26T20:48:01。希望大家能够帮助她。详细问题描述及疑问：期待您的答案，没有什么华丽的语言,但是我对你的感谢不会减少 ！
如何让DIV固定在页面而不随着滚动条随意滚动
时间：2016.05.31 发布人：kp4996
谷歌kp4996用户在2016.05.31提交了关于“电影世界穿梭门如何让DIV固定在页面而不随着滚动条随意滚动”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2024-08-26T20:48:01。希望大家能够帮助她。
希望以下的回答，能够帮助你。用户名：MIGO芒果掂
<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>
第1个回答
滚动条是容器所固有的，不管是外面的滚动条，还是里面的
①html,body：
②.virtual_b
③.fixed_
示例代码如下：
<html><head>
<title></title>
<styletype="text/
h
ove
m
width:100%;
h
}
.virtual_body{
width:100%;
h
o
o
}
.fi
p
z-i
b
l
width:800px;
h
b
backgroun
}
</
</head>
<body>
<d
<divclass="virtual_body">
<divstyle="heig
Iamcontent!
</div>
</div>
</body>
</html>