1

当我尝试使用固定数据位置将页眉和页脚固定在移动设备上时，它似乎在 android 设备上工作，但在黑莓上却不行。

使用固定在黑莓上的数据位置时，页眉和页脚会消失，而在其他平台上则可以正常工作。 

 <div data-role="header" data-position="fixed">
        <h1>Fixed Header!</h1>
    </div>
4

6 回答 6

3

我工作我们需要添加到 css

[data-role=footer]{bottom:0;right:0;top:auto! important ;position:absolute !important; } 
[data-role=header]{top:0; position:absolute !important; bottom: auto !important;}
于 2012-08-13T10:48:48.667 回答
3

只需data-tap-toggle="false"在标题中添加此数据属性。

<header data-role="header" data-position="fixed" data-tap-toggle="false">

文档

于 2014-07-11T22:19:32.093 回答
0

你有什么黑莓设备？在 Jquery Mobile 中，固定工具栏仅在支持固定定位的设备上固定在顶部。

文档说固定工具栏应该在“大多数桌面浏览器、iOS5+、Android 2.2+、BlackBerry 6 等”上工作。

于 2012-08-06T12:42:30.463 回答
0

在我的 Android 手机（带有 Android 2.3.3 的 Galaxy S）上，他们的演示页面固定页脚和页眉根本不起作用 - 只要我尝试滚动它们就会跟着我移动，然后重新贴上自己。如果我只是触摸屏幕，它们就会消失，如果我再次触摸屏幕，它们就会重新出现！

从 jquerymobile.com 检查此文档。

演示的 1.1.1 版本也是如此。该演示在我桌面上的 Chrome 浏览器中运行良好。

于 2012-08-06T16:45:47.117 回答
0

最简单的方法是从视口中删除 user-scalable=no 并设置

minimum-scale=1.0
maximum-scale=1.0

更多关于这个问题在这里 http://wil.to/android-positioning/

于 2013-09-13T09:58:18.080 回答
0

这是 android 中的一个功能，可能还有其他浏览器，用于清除页眉和页脚元素，允许全屏显示页面，它应该会发生。

于 2014-07-09T02:01:53.207 回答