如何修复 PHONE GAP 中 Android 设备的粘性页脚？

我在 Phone Gap 工作。我修复了页脚，这适用于少数设备，但不适用于少数设备。

页脚的 HTML 代码

 <div id="footer" style="background-image:url(img/bottom_bar.png);" class="footer">
    <div id="footer_text" class="footer_text">footer</div>
    <div id="info" class="info noSelect"><img src="img/info.png"/></div>
 </div>

页脚 CSS

.footer
{
   width:100%;  position:fixed; bottom:0; font-size:11px; color:#FFFFFF; text-align:center; height:30px;
}
.footer_text
{
    text-indent:1%; float:left; text-align:center;  width:75%;  margin-top:2%;
}   

对于少数设备，它位于屏幕底部......尽管内容溢出，并且对于少数设备，它会随内容一起移动。

EDIT:

根据 Filippos Karapetis 先生的建议，我尝试实施 iscroll4

我用过这个javascripthere

并初始化滚动

    document.addEventListener("deviceready", onDeviceReady, false);
    function scroll() 
    {
        myScroll = new IScroll('.wrapper', { mouseWheel:true });
    }
    -----
            -----
          function onDeviceReady() 
    {   
        scroll();
                ----
                ----

页脚CSS

.footer
{
   width:100%;  position:fixed; bottom:0; font-size:11px; color:#FFFFFF; text-align:center; height:30px;
}
.footer_text
{
    text-indent:1%; float:left; text-align:center;  width:75%;  margin-top:2%;
}   

问题是它只滚动一次

固定位置元素在某些移动设备中存在问题。这是他们的浏览器中的一个错误/缺失的功能。看一下此页面，其中列出了固定位置元素与几种不同移动设备的兼容性：

https://bradfrost.com/blog/post/fixed-position/

该页面还包括基于 Javascript 的解决方案，通过覆盖浏览器的默认滚动行为来解决这些设备中的此错误。例如，在 jQuery Mobile 中，固定元素在页面滚动时淡出，然后在滚动结束时淡出。

解决您的问题最直接的解决方案是 iScroll 4，它的占用空间也最小（与使用成熟的框架相比）：

http://cubiq.org/iscroll-4

以下是来自 iScroll 4 页面的一个小概述：

iScroll 4 完全重写了原始 iScroll 代码。这 脚本开发开始于移动 webkit（在 iPhone、iPad、 Android）不提供滚动内容的本机方法 固定宽度/高度元素。这种不幸的情况阻止了任何 网络应用程序有一个位置：绝对页眉和/或页脚和 滚动内容的中心区域。

虽然最新的 Android 版本支持此功能 （虽然支持不是最佳的），苹果似乎不愿意添加一个 手指滚动到 div。