jquery - 如果 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 来绝对定位和调整面板内部 div 的大小并允许滚动：

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

您需要针对您支持的设备进行测试，因为我不确定它是否适用于所有设备......