首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在jquery mobile中将弹出窗口定位在屏幕顶部或固定在顶部?

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

Stack Overflow用户
提问于 2013-02-28 16:04:39
回答 2查看 19.1K关注 0票数 2

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

代码语言:javascript
复制
<div data-role="popup"   id="itemDetails">
...
</div>

我以编程的方式调用,以如下方式打开:

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

,但始终打开在屏幕上的x,y居中,我想显示修复屏幕顶部的(y=0),并修复当我有滚动。

我该怎么做呢?,提前谢谢。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-02-28 17:23:43

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

代码语言:javascript
复制
#itemDetails{
  position:fixed;
  top:0px;
}

如果您真的想使用jQuery,那么

代码语言:javascript
复制
$('#itemDetails').css({position:'fixed',top:'0'});
票数 3
EN

Stack Overflow用户

发布于 2013-05-25 01:08:39

这个解决方案对我不起作用。将css放入.css文件不起作用。我发现我需要使用第二种类型:

代码语言:javascript
复制
$("#popupBasic").popup('open');
$('#popupBasic').css({position:'fixed',top:'10px',left:'30px','display':'block'});

然后关闭弹出窗口:

代码语言:javascript
复制
$('#popupBasic').popup('close');
$('#popupBasic').css({display:'none'});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15130420

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档