我使用 jquery-mobile (1.1.1) 和 Adobe PhoneGap Build 创建了一个 iOS 应用程序。该应用程序具有固定的页眉和页脚,并且转换设置为“无”。页脚包含 4 个导航按钮,通过 javascript 提供导航到应用程序内的四个页面。我使用了一个多页模板,所以只有一个 HMTL 文件。
最初,我使用“data-position:fixed”在屏幕上定位页眉和页脚,但在页面之间切换时遇到了一些不必要的闪烁和页面跳转。因此,我转而使用 CSS 将页眉和页脚固定到屏幕上(如本文所述:https ://github.com/jquery/jquery-mobile/issues/4024 )。这解决了闪烁问题,但引入了不同的问题。
问题是:我第一次滚动文本时,在任何页面上,页脚都会随着文本移动(即它不会保持固定)。但只是第一次 - 从那时起,每当我滚动文本时,页脚都会保持不变。为了澄清,这里有几个例子:
示例 1
- 打开应用程序,在第一页滚动文本 - 页脚移动。
- 切换到第二页,滚动文本 - 页脚保持固定。
示例 2
- 打开应用程序,无需在第一页滚动即可切换到第二页 - 页脚在第二页上移动。
- 切换回第一页,页脚保持固定。
我应该提到的另一件事 - 如果我启用页面转换,那么问题只会发生在第一页上。例如。如果应用程序加载并且我在没有先滚动第一页上的文本的情况下切换到另一个页面,则页脚保持不变。
任何有关解决此问题的方法的建议将不胜感激。谢谢。