Cordova / Phonegap,jQuery Mobile,Android和粘性固定页脚

时间:2012-04-19 17:42:07

标签: android jquery-mobile cordova

jQuery Mobile的(v1.1)固定页脚假设保留在屏幕底部并浮动在文本顶部,否则始终可见。这在浏览器中运行良好,但是当我将其与Phonegap(现在称为Cordova)(v1.6)捆绑到Android应用程序中时,页脚会粘贴在它首次出现的任何位置。这是页脚滚动文本。

真正奇怪的是,当您点击屏幕时,页眉和页脚会固定在页面的顶部和底部(这是jQuery Mobile内置的功能,具有固定的页眉和页脚),当您再次点击它时,标题并且页脚返回浮动状态。但是这次页脚停留在屏幕的底部并且不会随着文本一起滚动,就像从一开始就想的那样。

知道如何修复页脚吗?

以下是我正在使用的代码:

    <div data-role="footer" data-theme="b" data-position="fixed" data-id="myfooter">
        <a href="#nextPage" data-role="button" data-icon="arrow-r" data-iconpos="right" data-theme="d"  data-transition="slide">Continue</a>
    </div>

以下是我所看到的一个例子。

footer example

1 个答案:

答案 0 :(得分:0)

固定页脚正在运行Jquery Mobile 1.2。我确实注意到论坛上有很多修复更新,所以它可能已经有所改进。 iOS滑动键盘/输入也存在一个问题,即错误地将页脚移动到页面中间。

我肯定建议升级到jquery.mobile-1.2.0.js并从那里开始。我不得不这样做,除了有缺陷的行为,固定的页脚工作。