Question

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

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

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

<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;
}

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

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

1 个答案: