把需要用手滑动的内容用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;
}
这样，在真机上再次测试就没有问题了。如有更好的解决办法，希望大家互相交流。
作者：贵林之恋
来源：CSDN
原文：https://blog.csdn.net/zyg1515330502/article/details/79207334
