jquery - 如何使 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