如何'修復'頁眉頁腳位置使用jquery mobile data-position =「fixed」

我正在使用jquery mobile和頁眉/頁腳我正在使用data-position =「fixed」。如何'修復'頁眉頁腳位置使用jquery mobile data-position =「fixed」

但是，當我們滾動頁面時...頁眉頁腳消失並且在滾動停止時重新出現.. 有沒有一種方法可以讓它在屏幕上一直顯示所有滾動的時間？

我只能想到的方法是採用固定的位置，而不是使用jquerymobile這些元素..

2011-06-15 zoom_pat277

我相信這是jQM的預期行爲 – 2011-06-15 21:14:12

此主題應該闡明選項以及jQM團隊正在採取的固定方向。 https://github.com/jquery/jquery-mobile/issues/58 – 2011-06-15 21:39:16

多數民衆贊成在預期的行爲，菲爾帕福德提到。 – root 2011-06-15 23:12:25

我盡我所能得到這個工作。如果你想要，你可以刪除將.ui-fixed-overlay改變爲.ui-fixed-inline的頁眉和頁腳類的功能，並從.fade.in和.fade.out中刪除webkit動畫，但我已經沒有鎖定防止窗戶消失。不過，我相信JQM只會在滾動後重新計算頁眉和頁腳元素的位置。

我把下面的CSS放在頁面div中去掉webkit動畫。

.ui-fixed-inline { opacity：1！important; 顯示：block！important; -webkit-animation-name：none！important; } .fade.in，.fade.out {不透明度：1！重要; -webkit-animation-name：none！important; 顯示：block！important; }

我知道這是不是你想要的，但它確實加快了頁眉和頁腳元素的再現（看起來有點不連貫。）除非你想重寫JQM的JavaScript控制頁眉和頁腳定位，我不認爲有任何簡單的方法可以做到這一點，因爲JQM固定位置代碼是在用戶滾動後重新定位的。如果我找到方法，我會繼續尋找並編輯這個答案。

來源

2011-06-16 16:14:18 Chase

對不起，遲到的迴應......剛看到你的回答......我們最終沒有使用data-position =「fixed」。然而 - 我正要嘗試用css來修復這個位置，而不是數據角色屬性。將嘗試獲得一些時間，看看你的解決方案如何工作......非常感謝您的時間！ – 2011-07-01 16:20:35

的大通的代碼更簡單的版本，我工作得很好：

/* sass - remove toolbar fade */ 
.nofade{ 
&.in, &.out { 
    -webkit-animation-name:none; 
} 
}

注意輕擊以隱藏工具欄使用同一褪色特性，因此要求如下：

$.mobile.fixedToolbars.setTouchToggleEnabled false # coffeescript

來源

2011-12-01 03:37:15

如何'修復'頁眉頁腳位置使用jquery mobile data-position =「fixed」

回答

相關問題