jQuery Mobile 面板屏幕定位答案

【问题标题】：jQuery Mobile panel screen positioningjQuery Mobile 面板屏幕定位
【发布时间】：2014-09-16 12:30:09
【问题描述】：

我正在使用 JQuery Mobile，并且我有一个显示在屏幕右侧的面板，是否可以让面板显示在右列（页面中间）而不是屏幕的最右侧.

【问题讨论】：

【解决方案1】：

jQuery 移动面板是绝对定位的。所以，如果面板有一个定义的宽度，你可以给它这些 CSS 属性：

#panel {
width: xx; /* width of the panel */
left: 50%;
margin-left: -xx; /* subtract half the width of panel */
}

然后它应该出现在页面中间。

【讨论】：

太棒了，这真的很有帮助。感谢磨坊
非常感谢您在上面提供的帮助，您是否知道我可以将面板放在页眉和页脚之间，以便它只出现在页眉和页脚之间。 P.s 抱歉，我的声望达到 15 级之前无法投票，请承诺在我达到 15 级时投票。

【解决方案2】：

我找到了一种将面板放置在页眉和页脚之间的方法。我刚刚将 data-position ="fixed" 添加到我的标题部分，它就像一个魅力。

<div data-role="header" data-position="fixed">

【讨论】：