jQuery Mobile + PhoneGap - 侧面板不会拉伸在 $(document).height();



我为 PhoneGap android 应用程序制作 html+css+js,我有一些问题:jQuery Mobile 侧面板不会在页面高度上拉伸,所以我使用以下代码:

.HTML

<div data-role="panel" data-display="overlay" data-position="left" data-theme="a" id="main-nav">
    Navigation
</div>

.JS

$("#main-nav").css({
   "height": $(document).height() + "px"
});

在通常的浏览器中,它可以工作!适用于Android的Chrome,三星Galaxy上的浏览器正确处理它。但是编译到.apk面板后,获得的高度不是来自文档,而是来自窗口,因此它具有视口的高度!我该怎么办?

如果你这样做
怎么办
#main-nav { position: absolute; top: 0; bottom: 0; }这应该将您的div 拉伸到父级的可用区域(考虑到它本身并没有占用所有视口)。

最新更新