当在html, body {}内设置position: fixed;后底部列表无法滑动了

效果图(当选择不同月份的时候,中间的日期高度是会变的,不是固定不变的):

CSS是这样设置的:

html,  
body {  
    color: #666666;  
    font-size: 14px;  
    font-family: "微软雅黑";  
    /*height: 100%;*/  
    overflow: hidden;  
    position: fixed;  
}

ul的高度不设置的时候底部列表无法滑动:

<ul class="mui-table-view" style="overflow-y: auto;background: #F8F8F8;">

高度写死的话可以滑动,但是列表内容显示不全

<ul class="mui-table-view" style="overflow-y: auto;height: 220px;background: #F8F8F8;">

我尝试使用百分比设置高度,但是中间日期高度是会变的,貌似不行.现在想要的效果是底部列表滑动的时候不让顶部内容一起滑动,底部列表数据滑动可以显示完所有内容.麻烦指点一下,谢谢!