2012-08-06 55 views
1

当我尝试使用固定的数据位置固定移动设备上的页眉和页脚时,它似乎适用于Android设备,但不适用于黑莓手机。固定的数据位置在BlackBerry中无法使用jquery mobile

使用固定在黑浆果上的数据位置时,页眉和页脚会消失,但它适用于其他平台。

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

尝试增加'数据抽头拨动= “假”' – andufo 2014-12-02 19:55:32

回答

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;} 
+0

由于一吨黑莓Curve 9380模拟器 – 2013-10-09 10:37:57

+0

谢谢!这让我疯狂!自iOS7以来我的tabbar很疯狂 – 2013-11-06 04:16:35

+0

你为什么'重要'每一个规则? – rlemon 2014-07-16 12:25:49

0

您有什么BlackBerry设备?在Jquery Mobile中,固定工具栏只固定在支持固定位置的设备上。

The documentation说固定工具栏应该在“大多数桌面浏览器,iOS5 +,Android 2.2+,BlackBerry 6和其他”上工作。

+0

正在使用具有同样的问题 – 2012-08-06 12:50:48

0

在我的Android手机(Galaxy S with Android 2.3.3)上,他们的演示页面固定页脚和页眉根本不起作用 - 只要我尝试滚动,他们就会随我移动,然后重新粘贴。如果我只是触摸屏幕,他们会消失,如果我再次触摸屏幕,它们就会重新出现!

Check this doc from jquerymobile.com

同样适用于1.1.1版本的演示。尽管我的桌面上的Chrome浏览器演示效果很好。

+0

IM !!!!!!!!!! ! – 2013-03-08 11:21:57

0

多数民众赞成在android中的功能,可能其他浏览器以及清除页眉和页脚eleme nts允许全屏显示页面,这是事实。

3

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

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

The Documentation

+0

谢谢!这是我正在寻找的! :) – brokenisfixed 2015-09-07 10:32:08