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

【问题标题】：Data position fixed doesn't work using jquery mobile in BlackBerry固定的数据位置在 BlackBerry 中使用 jquery mobile 不起作用
【发布时间】：2017-05-02 02:13:27
【问题描述】：

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

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

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

【问题讨论】：

尝试添加data-tap-toggle="false"

标签： html jquery-mobile web

【解决方案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;}

【讨论】：

你为什么!important每条规则？
重要的rlemon答案有什么用处而已。
如果您只需要修复页脚并且它的宽度没有覆盖所有页面宽度，请尝试：[data-role=footer]{bottom:0;right:0;top:auto! important ;position:absolute !important; width: 100%!important;}

【解决方案2】：

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

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

The Documentation

【讨论】：

谢谢！这就是我一直在寻找的！ :)

【解决方案3】：

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

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

【讨论】：

我正在使用黑莓曲线 9380 模拟器

【解决方案4】：

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

Check this doc from jquerymobile.com.

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

【讨论】：

【解决方案5】：

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

minimum-scale=1.0
maximum-scale=1.0

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

【讨论】：

【解决方案6】：

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

【讨论】：