背景不動，內容滾動的解決方案（移動端）

在最外層設置背景。再用一個包裹層把需要滾動的內容包裹起來，利用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;
}