css代码:
.scrollview {
height:auto;
width:100%;
overflow-y:auto;
position: fixed;
top: 45px;//header的高度
bottom: 0
}
html用法:
<div class="header"></div>
<div class="scrollview " ></div>
本文介绍了一种使用CSS实现的固定滚动视图效果。通过设置特定的样式属性,如高度、宽度、溢出和定位,可以创建一个从页面顶部下方开始并占据剩余屏幕空间的滚动区域。此技巧适用于网页设计中需要固定某个区域为滚动视图的场景。
css代码:
.scrollview {
height:auto;
width:100%;
overflow-y:auto;
position: fixed;
top: 45px;//header的高度
bottom: 0
}
html用法:
<div class="header"></div>
<div class="scrollview " ></div>
585