标题下的jQuery-mobile滑动菜单

Question

我刚进入jQuery mobile,看到了下一个例子

是否可以将滑动菜单显示在标题下？(在图像中的红线)

Answer 1

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

演示

计算标题.outerHeight()和面板.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
});