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

Posted 2023-05-09

【中文标题】如何在jquery mobile中将弹出窗口定位在屏幕顶部或固定在顶部？

【英文标题】：How to position popup at top of screen or fixed at top in 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

【参考方案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');