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

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

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

这是实例化面板的方式:

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

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

谢谢!

最佳答案

这是您的 fiddle 更新: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 - 如果JQuery Mobile的内容溢出,如何通过滚动使面板高度固定,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19084168/

10-12 12:30
查看更多