jQuery Mobile面板屏幕定位

Question

我正在使用JQuery Mobile，我有一个面板出现在屏幕右侧，是否可以让面板出现在右栏（页面中间）而不是屏幕的最右侧

Answer 1

jQuery移动面板绝对定位。因此，如果面板具有已定义的宽度，则可以为其提供以下CSS属性：

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

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

Answer 2

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

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