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

时间:2014-03-11 16:26:23

标签: jquery css jquery-mobile

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

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

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

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

任何人都能为我点灯吗?

感谢。

1 个答案:

答案 0 :(得分:4)

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

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

<强> DEMO