页面分页器固定在底部,自适应:
今天做了一个选择图标的业务页面,主要是选择上传按钮后,弹出数据库的图库iframe,含列表和分页器,想把两个div做成自适应的页面,遇到了关于定位的问题,变记录下来了问题描述:
然后页面渲染的过程中,出现了一开始分页器在底部,随着滚动条滑动也随着滚动的问题
.top-div{
top: 0px;
position:absolute;
height: 220px;
width: 100%;
}
.bottom-div{
position:absolute;
bottom:10%;
height: 10%;
width: 100%;
}
解决方案:
后面把定位换成fixed固定定位后发现可以满足需求
.top-div{
margin-bottom: 75px;
}
.bottom-div{
position: fixed;
bottom: 0;
width: 100%;
background: #fff;
}