如何使Sidr（jQuery插件）介于固定的页眉和页脚之间？

Question

任何人都知道如何让Sidr进入固定的页眉和页脚之间？

我的页眉和页脚的CSS基本上是这样的：

.header {
position: fixed;
width: 100%;
height: 100px;
background: #bada55;
top: 0;
}

.footer {
position: fixed;
width: 100%;
height: 100px;
background: #bada55;
bottom: 0;
}

目前，当Sidr切换时，它会将页眉和页脚与主体内容一起推送。

编辑：小提琴添加：jsfiddle.net/Lnpxx6me