2012-08-06 58 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