Как разместить всплывающее окно на верхней части экрана или зафиксировано сверху в jQuery mobile?

Question

У меня есть всплывающее окно в JQuery мобильный

<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'});