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

Question

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

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

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

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

任何人都能为我点灯吗？

感谢。

Answer 1

你可以用CSS做到这一点。将top设置为自动，将bottom设置为0：

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

  

<强> DEMO