使用百分比％固定div滚动内容高度

Question

我试图在固定的div中滚动内容，任何人都可以申请任何魔法???

html, body {
width:100%;
 height:100%;
}
.top {
height:50%;
background-color:blue;
width:100%; 
}
.fixed {
position:fixed;
padding: 0;
top: 50%;
width:100%; 
height: 100%;
overflow-y: scroll;
font-size:26px; 
}

小提琴http://jsfiddle.net/sajrashid/LLZ4g/1/