如果 JQuery 移动版的内容溢出,如何通过滚动保持面板高度固定



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

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

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

以下是面板的实例化方式:

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

我将不胜感激这里的任何方向。

谢谢!

这是你的小提琴更新: 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;
}

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

相关内容

  • 没有找到相关文章

最新更新