Jquery mobile: How to show popup above a fixed footer?

Question

How would I position a popup above a fixed footer, just like it is depicted in the attached image?

http://i.stack.imgur.com/dADjb.jpg

Thanks.

Answer 1

Problem with jQuery Mobile popup is that x,y positioning is nit working correctly.

But we can cheat, take a look at this working example: http://jsfiddle.net/Gajotres/LSakj/

HTML :

<a href="#popup" data-rel="popup">Open Popup</a>
<div data-role="popup" id="popup" data-transition="slidedown" data-position-to="#footer-test" data-theme="a" data-overlay-theme="e" data-history="true">
    <p>U slučaju hitnoće koristi ovaj izbornik!</p>
</div>

In this case, data position is set to footer id. Unfortunately this will place it over footer, so we need additional css to place it over footer.

CSS :

#popup {
    margin-bottom: 30px !important;
}

You should change this value to accommodate your popup height.

Answer 2

好吧，如果您正在使用所有jquery base，则可以使用jGrowl创建通知，只需做一些工作，您将获得不错的结果。