此时body的高度等于视口的高度,而且body内会出现一个滚动条,在滚动的时候实际上是height为1000px的div中的内容滚动。
该方法其实是模拟了position:fixed,因为fixed,总是相对于html<-可以看做是根级的盒子。
在所需模块设置overflow:hidden,并且在外增加一个宽高相同的盒子,设置相对定位。
需要固定的模块设置绝对定位。就实现了局部的固定定位。
<body>
<section class="con">
<div class="f1"></div>
<div class="f2"></div>
</section>
</body>
<style type="text/css">
body{
position: relative;
}
.f1{
position: absolute;
}
.f2{
height: 670px;
overflow: auto;
padding-top: 100px;
}
</style>