如何让div滚动时页面不跟着滚动？
展开全部
滚动条是容器所固有的，不管是外面的滚动条，还是里面的滚动条，只要让固定的div和body或者html容器脱离关系，即可实现DIV固定在页面而不随着滚动条随意滚动。
1.html,body，将默认出现的滚动条，完全地隐藏，这样不管什么内容都不会出现了。
2.virtual_body，写一个假的body，设置它的长宽为100%，这样利用可视的浏览器窗体显示所有的内容，并垂直允许出现滚动条。
3.fixed_div，用它进行绝对值进行定位，因为在这个容器下，该页面100%的被假冒body覆盖了，滚动条自然也显示不出来了。
4.<html><head>
<title></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;
}
。
5.fixed_div
{
position:absolute;
z-index:2008;
bottom:20px;
left:40px;
width:800px;
height:40px;
border:1px
solid
red;
background:#e5e5e5
}。
6.</style></head><body><div
class="fixed_div">I
am
still
here!</div><div
class="virtual_body">
<div
style="height:888px;">
I
am
content
!
</div></div></body></html>。
1.html,body，将默认出现的滚动条，完全地隐藏，这样不管什么内容都不会出现了。
2.virtual_body，写一个假的body，设置它的长宽为100%，这样利用可视的浏览器窗体显示所有的内容，并垂直允许出现滚动条。
3.fixed_div，用它进行绝对值进行定位，因为在这个容器下，该页面100%的被假冒body覆盖了，滚动条自然也显示不出来了。
4.<html><head>
<title></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;
}
。
5.fixed_div
{
position:absolute;
z-index:2008;
bottom:20px;
left:40px;
width:800px;
height:40px;
border:1px
solid
red;
background:#e5e5e5
}。
6.</style></head><body><div
class="fixed_div">I
am
still
here!</div><div
class="virtual_body">
<div
style="height:888px;">
I
am
content
!
</div></div></body></html>。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
