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

有人知道如何让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时，它将推动页眉和页脚以及正文内容

---

编辑：fiddle添加：jsfiddle.net/lnpx6me

请在此处创建一个fiddle：