如果JQuery Mobile的内容溢出，如何通过滚动保持面板高度固定

我有一个固定页眉和固定页脚的页面。内容的高度也固定为窗口的高度

文档中有一个面板，其内容的增长可能超过窗口/内容的高度。发生这种情况时，文档的高度会发生变化。但是我需要在没有滚动条的情况下保持文档的固定高度。面板应该获得滚动条

例如：

以下是面板的实例化方式：

<div data-role="panel" id="navpanel" data-theme="a" data-display="overlay"></div>

如果您能给我指路，我将不胜感激

---

谢谢大家!

这里是您的小提琴更新：

刚刚添加了一些CSS来绝对定位和调整面板的内部div，并允许滚动：

.ui-panel .ui-panel-inner {
    overflow: auto;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;  
    -webkit-overflow-scrolling: touch;
}

---

您需要对您支持的设备进行测试，因为我不确定它是否能在所有设备上运行…

非常好的朋友。。。谢谢