Javascript Jquery mobile 1.4.5是否可以设置面板高度？

我正在使一个jqm项目只移动

我有两个面板，一个用来推动，另一个是覆盖。一个在左上角，另一个在右上角

我的问题是，是否可以将右侧面板设置为100%宽度（我已经这样做了），并将高度设置为10-20%（40px-50px）

这可以在不破坏任何功能的情况下完成吗？它可以在Css中完成吗？我可以设置宽度，但无法设置高度

---

提前谢谢

定制右侧或左侧面板时，需要更改JQM设置的3个CSS类。动画、面板以及内容所在的面板内部。更简单的方法是创建自定义覆盖框

演示

Html

<div class="box"><a class="close">Close</a></div>

Jquery

// animate on click to bring the box in to view
    $(document).on("click", ".pannel", function () {
        $('.box').animate({
            'right': "0%"
        }, 300);
    })
// and out of view when closed    
    $(document).on("click", ".close", function () {
        $('.box').animate({
            'right': "-100%"
        }, 300);
    })

作为旁注，使用此方法，您可以在屏幕上的任何位置显示自定义面板（覆盖）

在本演示中，该框来自屏幕顶部

如前所述：

$(document).on("click", ".pannel", function () {
    $('.box').animate({
        'top': "0%"
    }, 200);
 return false;
})

$(document).on("click", ".close", function () {
    $('.box').animate({
        'top': "-100%"
    }, 200);
    return false;
})

---

不确定返回false是否优于preventDefault和stopPropagation。无论哪种方式，都在移动设备上非常流畅。

jQueryMobile.CSS中的.ui面板CSS定义了一个最小高度属性

min height:100%

因此，必须覆盖“最小高度”属性

由于“高度”值低于“最小高度”值100%，因此没有任何效果

在本例中，我希望将面板设置在固定标题栏下，因此我使用：

top: 38.4px;
min-height: calc(100% - 38.4px);

---

这很有效。这正是我想要的。然而，在移动设备上它有点不稳定（更多的是打开和关闭按钮）。动画很好。我加了返回假；到解决问题的代码。不确定这是否是100%的“标准”，而不是preventDefault和stopPropagation。@JASON FOREST（返回false；）可以。你能接受这个答案吗。

top: 38.4px;
min-height: calc(100% - 38.4px);