div固定位置，不随滚动条滚动

iteye_2801

于 2013-01-29 09:13:44 发布

阅读量152

点赞数

分类专栏： Js Jquery 文章标签：层定位不随滚动条滚动滚动条 div固定位置

Js Jquery 专栏收录该内容

2 篇文章

订阅专栏

<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>