Question

当我试图使用数据位置固定在移动设备上保持页眉和页脚固定时，它似乎在Android设备上工作，但不在黑莓上。

使用固定在黑莓上的数据位置，页眉和页脚会消失，而在其他平台上则适用。

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

Answer 1

我的工作我们需要添加到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;}

Answer 2

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

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

The Documentation

Answer 3

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

The documentation说固定工具栏应该适用于“大多数桌面浏览器，iOS5 +，Android 2.2 +，BlackBerry 6等”。

Answer 4

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

Check this doc from jquerymobile.com

同样适用于1.1.1版本的演示。该演示在我桌面上的Chrome浏览器中运行良好。

Answer 5

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

minimum-scale=1.0
maximum-scale=1.0

这里有关于此事的更多信息 http://wil.to/android-positioning/

Answer 6

这是Android中的一个功能，也可能是其他浏览器，用于清除页眉和页脚元素，允许全屏显示页面，这是可能发生的。

固定的数据位置在BlackBerry中使用jquery mobile不起作用

6 个答案: