- 把需要用手滑动的内容用clss为.content(名字随便起)的div包起来,样式代码如下:
.content {
position: fixed;
top: 0;
left: 0;
bottom: 180px; /*距离底部的距离为底部盒子的高度,自己也可以设置*/
overflow-y: scroll;
width: 100%;
height: auto;
-webkit-overflow-scrolling: touch; /*这句是为了滑动更顺畅*/
}
-webkit-overflow-scrolling: touch; /*这句是为了滑动更顺畅*/
- 把需要固定在底部的内容用class为.footer(名字随便起)的div包起来,样式代码如下:
.footer {
position: fixed;
bottom: 0;
height: 180px;
}