背景不动，内容滚动的解决方案（移动端）
在最外层设置背景。再用一个包裹层把需要滚动的内容包裹起来，利用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; }