如何在jquery mobile中将弹出窗口定位在屏幕顶部或固定在顶部？答案

【问题标题】：How to position popup at top of screen or fixed at top in jquery mobile?如何在jquery mobile中将弹出窗口定位在屏幕顶部或固定在顶部？
【发布时间】：2013-02-14 08:12:30
【问题描述】：

我在 jquery mobile 中有一个弹出窗口

<div data-role="popup"   id="itemDetails">
...
</div>

我以编程方式调用以打开：

$('#itemDetails').popup('open');

，但始终在屏幕上以x,y 居中打开，我希望将修复显示到屏幕顶部(y=0)，并在我滚动时修复。

我该怎么做？，提前谢谢。

【问题讨论】：

将css中的top属性设置为0

标签： jquery cordova jquery-mobile popup

【解决方案1】：

CSS 之类的就足够了：

#itemDetails{
  position:fixed;
  top:0px;
}

如果你真的想用jQuery，那么

$('#itemDetails').css({position:'fixed',top:'0'});

【讨论】：

最后你的解决方案对我有帮助，但后来我使用了弹出选项：$('#itemDetails').popup('open',{y:0}) 也可以正常工作。
然后我把AndroidManifest.xml:android:windowSoftInputMode="adjustNothing"放进去，有了它，不要发生奇怪的事情，定位popup的
好的，我对 Android 不熟悉，但看起来你已经可以使用它了；恭喜！

【解决方案2】：

该解决方案对我不起作用。将css放在.css文件中没有生效。我发现我需要使用第二种类型：

$("#popupBasic").popup('open');
$('#popupBasic').css({position:'fixed',top:'10px',left:'30px','display':'block'});

然后关闭弹出窗口：

$('#popupBasic').popup('close');
$('#popupBasic').css({display:'none'});

【讨论】：