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

Question

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

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

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

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

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

我怎么做？，提前谢谢。

Answer 1

像CSS这样的东西应该足够了：

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

如果你真的想使用jQuery，那么

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

Answer 2

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

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

然后关闭弹出窗口：

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