如何将弹出窗口定位在固定页脚上方,就像所附图像中描述的那样?
http://i.stack.imgur.com/dADjb.jpg
谢谢。
Best Answer-推荐答案 strong>
jQuery Mobile 弹出窗口的问题是 x,y 定位工作正常。
但我们可以作弊,看看这个工作示例: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>
在这种情况下,数据位置设置为页脚 id。不幸的是,这会将它放在页脚上,所以我们需要额外的 CSS 来将它放在页脚上。
CSS:
#popup {
margin-bottom: 30px !important;
}
您应该更改此值以适应您的弹出高度。
关于android - jquery手机: How to show popup above a fixed footer?,我们在Stack Overflow上找到一个类似的问题:
https://stackoverflow.com/questions/15775107/
|