jQuery移動頁腳不總是在屏幕的底部

我正在使用jQuery移動和手機的手機應用程序。我正在使用固定頁腳和標題。有時，彈出鍵盤後，頁腳欄和鍵盤之間會出現空格。這個空間與背景顏色相同，所以我假設頁腳由於某種原因而正在向上移動。行爲似乎不一致，因爲它不會發生在所有頁面上。jQuery移動頁腳不總是在屏幕的底部

下面是一段代碼...這段代碼對於所有頁面都是一樣的，但是這個空白只在一頁上。頁面之間的唯一區別是頁面上的字段數量。

<div data-role="footer" data-position="fixed" class="ui-btn-right" style="min-height:42px;"> 
     <a href="#accident_menu" data-icon="arrow-l" data-direction="reverse" data-iconpos="left" 
      style="margin-left: 10px; margin-top: 5px">Done</a> 
     <a href="index.html" rel="external" data-icon="home" data-direction="reverse" data-iconpos="notext" 
      style="float: right; margin-right: 10px; margin-top: 5px"></a> 
</div>

來源

2012-05-03 Boyds

你應該考慮改用Jquery mobile 1.1.0及其固定工具欄。 Read the announcement。它的大多數使用的設備和最乾淨的解決方案的支持：

這種方法的最酷的部分是，與JS-基於跨所有平臺強加的不自然滾動物理解決方案，我們的滾動感覺100％原生的，因爲它是。這意味着滾動感到無處不在，並且可與觸摸，鼠標輪和鍵盤用戶輸入一起使用。

來源

2012-05-04 21:02:46

感謝您的支持。我們正在使用版本1.1.0。 CSS方面存在問題，我應用了一些有助於解決問題的更改。 – Boyds

我正在使用版本1.3，這是持續的statable版本。爲什麼我有同樣的問題？我應該回滾使用版本1.1.0嗎？ –

我正面臨類似的問題，當鍵盤彈出時，頁腳向上移動。所以我用我的頁腳添加了內聯樣式。這對我有效。

<div data-role="footer" data-position="fixed" style="position:absolute">

- > 「風格= 」的位置是：絕對「」

那一小部分我添加到我的頁腳標籤......這完美地工作。我希望爲你工作。

來源

2014-02-18 12:18:01

爲我所需要的工作。謝謝，我的整個應用程序現在看起來很棒。 –

jQuery移動頁腳不總是在屏幕的底部

回答

相關問題