如果JQuery Mobile的內容溢出，如何保持面板高度固定滾動

Question

我有一個固定頁眉和固定頁腳的頁面。內容的高度也固定在窗口的高度。

該文檔具有一個面板，其內容可能長於窗口/內容的高度。發生這種情況時，文檔的高度會發生變化。但我需要保持固定文檔的高度而不使用滾動條。面板應該改爲滾動條。

例子：http://jsfiddle.net/moizhb/GSSD3/

這裏是面板如何實例：

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

我會在這裏欣賞任何指示。

謝謝！

Answer 1

這裏是你擺弄更新：http://jsfiddle.net/ezanker/GSSD3/1/

只是增加了一些CSS絕對位置和大小，面板的內格，並允許滾動：

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

您將需要測試本作的設備，你支持，因爲我不知道它是否會在所有這些工作...