OGeek|极客世界-中国程序员成长平台

标题: android - jquery手机: How to show popup above a fixed footer? [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-12 10:02
标题: android - jquery手机: How to show popup above a fixed footer?

如何将弹出窗口定位在固定页脚上方，就像所附图像中描述的那样？

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

谢谢。

---

Best Answer-推荐答案

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/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://ogeek.cn/)

Powered by Discuz! X3.4