背景固定内容与滚动

Question

我不知道如何通过滚动来修改我的内容背景...

我想在页面上设置一个固定的背景，并且封面属性做同样的事情，我得到一个余地...

我的代码：

.ui-container{
    width: calc(100% - 200px);
    margin: 0 0 0 200px;
    padding: 10px;
    background-color: #AAAAAA;
    height: calc(100% - 71px); // 71px is the menu
}

我的结果：

编辑＃1：

JSFiddle：http://jsfiddle.net/tonymx227/1b22k5d1/