jquery - 如果 JQuery Mobile 内容溢出,如何通过滚动保持面板高度固定

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

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

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

示例: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/

相关文章:

javascript - yii2 - 如何在 javascript 中设置 kartik select2 值

javascript - 单击文档时的 setTimeout 函数

javascript - 在 Javascript 中从 SVG 对象中提取所有行

cordova - Phonegap 中的慢速 JQuery Mobile 面板

javascript - CSS Sprites 未在 Android 上显示

javascript - 翻译 JQuery Mobile 小部件

html - css 使父 div 100% 高度和子可滚动

jquery - 在 jQuery 中的空 <div> 标签中插入一个 <span> 标签,其中包含内容

Facebook 点赞按钮(XFBML 版本)高度

具有一个 DIV 类的 JQuery 等高列/行