如果JQuery Mobile的内容溢出,如何使用滚动来保持面板高度

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

该文档具有面板,其内容可能长于窗口/内容的高度。 当发生这种情况时,文档的高度会发生变化。 但是我需要在没有滚动条的情况下保持文档的高度。 该面板应该取代滚动条。

示例: http : //jsfiddle.net/moizhb/GSSD3/

面板是如何实例化的:

 

我很欣赏这里的任何指示。

谢谢!

这是你更新的小提琴: http : //jsfiddle.net/ezanker/GSSD3/1/

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

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

你需要为你支持的设备测试这个,因为我不确定它是否适用于所有这些设备……