jQuery-mobile 标题下的滑动菜单

Question

我刚刚进入jQuery mobile，看到了下一个example

是否可以使滑动菜单出现在标题下方？ (图中红线处)

Answer 1

通过更改top位置和min-height值覆盖.ui-panel样式

Demo

计算 header 的 .outerHeight() 和 panel 的 .height()。

var header = $('[data-role=header]').outerHeight(); 
var panel = $('.ui-panel').height();

为面板指定一个新的min-height，以免导致页面滚动

var panelheight = panel - header;

覆盖面板样式

$('.ui-panel').css({
    'top': header,
    'min-height': panelheight
});