如何在页面底部显示 jquery mobile 弹出窗口？

Question

我对 css 和 jquery mobile 都不太熟悉。

不确定我的方向是否正确，但到目前为止我最接近的是通过分配 Bottom: 0px; 来设法将弹出窗口粘贴在页面顶部。到 .ui-popup-container

但是这个外部包装器具有内联样式，会覆盖顶部位置，因此我无法将其粘贴到底部。

{
    max-width: 432px;
    top: 272px;
    left: 125px;
}

有人可以为我照亮一些吗？

谢谢。

Answer 1

您可以使用 CSS 来做到这一点。将 设为topauto 并将bottom设为 0：

.ui-popup-container {
    max-width: 100% !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100%;
}

演示版