Android-Jquery Mobile/Phonegap App 底部的空白区域答案

【问题标题】：Android- Blank White Space at bottom in Jquery Mobile/Phonegap AppAndroid-Jquery Mobile/Phonegap App 底部的空白区域
【发布时间】：2013-01-04 19:44:59
【问题描述】：

我正在 jquery mobile/phonegap 中为 android 开发一个应用程序。问题是屏幕底部的空白。屏幕截图会更好地帮助它。我在互联网上搜索过但找不到合适的答案。

截图： http://img248.imageshack.us/img248/5922/jquerymobile.png

代码：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>Slider Stop</title> 
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script type="text/javascript" charset="utf-8" src="js/cordova-1.8.0.js"></script>
        <link rel="stylesheet" href="js/jquery.mobile-1.2.0.min.css" />
        <script type="text/javascript" src="js/jquery-1.81.js"></script>
        <script type="text/javascript" src="js/jquery.mobile-1.2.0.min.js"></script>

    </head> 
    <body>


        <div data-role="page" id="home">
        <div data-role="header">
            <h1>App</h1>
        </div>
            <div data-role="content">
                <p>
                <ul data-role="listview" data-inset="true" data-theme="c">
                    <li id="listitem">Swipe Right to view Page 1</li>
                </ul>
                </p>
            </div>
                 <div data-role="footer">
        <h4>Footer content</h4>
    </div>
        </div>

    </body>
</html>

【问题讨论】：

标签： android cordova jquery-mobile

【解决方案1】：

尝试将“页脚”div 向下发送：

<div data-role="footer" data-position="fixed">

【讨论】：

感谢@cleondz，但我已经尝试过了，问题仍然存在。
告诉我们是什么平台导致了这个问题？ Cleondz 的回答很好，它应该适用于所有桌面浏览器和大多数移动浏览器。

【解决方案2】：

我遇到了同样的问题，但是由于我正在适应的网络应用程序非常动态并且没有“页脚”div，所以我无法使用 cleondz 提供的解决方案。

我发现在我的情况下，我不得不使用一种变通方法，如果滚动不是真的需要，我就禁用滚动。

我使用this link 来实现它。

function isDraggablePage(e)
{
    if($(‘.ui-page-active’).attr(‘draggable’)==”true”)
    {
        return true;
    }
    return false;
}


function setDraggableProperty(e)
{
    if (!isDraggablePage(e))
    {
        e.preventDefault();
    }
}

window.addEventListener(‘touchmove’, setDraggableProperty(e), true);

几年前我就不再使用 Javascript 了——我现在是一名 Android 开发者——所以我不确定代码是否正常，但它可以工作。

【讨论】：