背景不动，内容滚动的解决方案（移动端）

在最外层设置背景。再用一个包裹层把需要滚动的内容包裹起来，利用box-flex布局。

<div class="bigbigbox">
         <div clasee="box”></div>
</div>

html,body{
　　height:100%;
}
.bigbigbox {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 100%;
    background: url(../image/page4_bg.png) center no-repeat;
    background-size: 100% 100%;
}
.box {
    position: relative;
    overflow: auto;
    padding: 2rem 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-overflow-scrolling: touch;
}