使用表格時，jQuery Mobile中的頁眉和頁腳高度變化

我是jQuery和移動應用程序的新手。使用表格時，jQuery Mobile中的頁眉和頁腳高度變化

我有一個名爲nativeDroid的jQuery主題令人討厭的問題。將表單添加到我的頁面後，無論何時單擊表單（常規輸入或textarea），頁眉和頁腳都會更改它們的位置並拉伸頁面寬度。看來，當點擊文本字段時，另一個類被添加到標題div。類名是.ui-fixed-hidden。

我查看了一個相同的問題here但該解決方案對我無效。我試着改變.ui-fixed-hidden類，以便它與給定的解決方案相匹配，但問題保持不變。如果任何人可以幫助我，我會非常感激，因爲它會是放棄像這樣一個偉大的外觀主題的恥辱。

我無法發佈任何圖像，但問題看起來與我添加的帖子中的問題完全相同。

任何人都可以幫我嗎？

來源

2014-03-31 user3482867

嘗試，並添加該----數據位=「固定」 - 您的頁眉和頁腳 – Tasos

已有... – user3482867

這是固定工具欄的正常行爲，他們得到[不固定]（ http://api.jquerymobile.com/toolbar/#option-hideDuringFocus）當'input'或'textarea'被關注時。 – Omar

添加數據抽頭撥動=「假」

例如，我在這頭使用，工作對我來說：

<div data-role="header" data-position="fixed" style="height:87px" data-tap-toggle="false"> 
    <a href="#grid-menu" class="botonHeader" data-theme="b" data-icon="home">Home</a> 
    <h3>Contact</h3> 
    <img src="objetos/logo_48.jpg" class="ui-btn-right logoHeader"/> 
</div>

這與水龍頭切換功能做。當你點擊頁面時，我們設置position：absolute;而不是固定的工具欄。您會注意到此頁面上的此行爲具有更多內容：http://jsbin.com/erezak/25 因此，刪除/添加該類是有意的。如果你不想要這個，你可以設置data-tap-toggle =「false」。

問題是，我們拉固定頁腳1px下來修復Android上的1px的差距問題。我們還設置了1px的填充底以保持相同的視覺高度。當我們切換到position：absolute時，這導致文本跳轉1px;在一個短頁面上（不滾動）

其他問題是邊界不可見的位置：固定;但變得可見的位置：絕對;

編號：https://forum.jquery.com/topic/ui-fixed-hidden-on-click-event-1-1-rc2

來源

2014-08-12 15:18:09 GonzaloA

我使用PrimeFaces 5.0最終版本，這意味着我使用jQuery Mobile的1.4.2。

我添加了data-tap-toggle =「false」，這裏推薦了這裏（以及其他許多關於stackoverflow的問題），但是這並沒有解決我的問題。

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

因此，我還添加了以下內容，並解決了我的問題。

.ui-header.ui-fixed-hidden { 
    position: fixed !important; 
}

來源

2014-09-07 12:06:19 Howard

使用表格時，jQuery Mobile中的頁眉和頁腳高度變化

回答

相關問題