jquery移动位置固定在Windows Phone 8和视口高度

dar*_*tum 5 jquery-mobile cordova windows-phone-8

我有一个带有 jquery mobile 样式的 phonegap 应用程序。我正在使用固定页脚进行导航。然而,页脚从页面底部浮动几个像素。我相信这是因为 web 控件视口高度小于屏幕高度(在 WP8 上的实际网页中,这很好,因为页脚下方的空间由地址栏填充)。关于如何使视口高度等于屏幕高度的任何想法。

我不能使用 position:fixed 因为我需要在滚动内容时页脚可见。

截图:http : //imgur.com/ThHAx4k

dar*_*tum 5

@media screen and (orientation: portrait) {
 @-ms-viewport {
    width: 320px;
    user-zoom: fixed;
    max-zoom: 1;
    min-zoom: 1;
 }
}
Run Code Online (Sandbox Code Playgroud)