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

【问题标题】：How to keep panel height fixed with scroll if content overflow for JQuery Mobile如果 JQuery Mobile 的内容溢出，如何通过滚动保持面板高度固定
【发布时间】：2013-10-05 17:21:05
【问题描述】：

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

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

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

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

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

我会很感激这里的任何指示。

谢谢！

【问题讨论】：

标签： jquery jquery-mobile height jquery-mobile-panel

【解决方案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;
}

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

【讨论】：

优秀的伙伴...谢谢！！