Android 4+瀏覽器上的固定標題之上的差距

任何想法如何消除滾動期間出現的間隙（屏幕上）？標題的位置已修復，並且間隙僅顯示在Androd上（在Android 4.0.4上測試）。Android 4+瀏覽器上的固定標題之上的差距

Gap

負責頭部分代碼：

HTML：

<div data-role="page" id="settings"> 
    <div class="holo-action-bar"> 
     <h1><span>Settings</span></h1> 
    </div> 
    <div class="content content-inner"></div> 
</div>

CSS：

.holo-action-bar { 
    background-color: #333; 
    color: #fff; 
    display: block; 
    position: fixed; 
    top: 0; right: 0; left: 0; 
    width: 100%; 
    z-index: 1000; 
}

您也可以在看到例如jquery mobile docs

UPDATE：

該問題不會在iOS上發生（在iOS上測試5+）

來源

2013-02-01 jarekpelczynski

發佈一些代碼，我們不要任何機會來發現你做了什麼，使它看起來像這樣..做一個www.jsfiddle.net –

@SimonPertersen代碼添加 – jarekpelczynski

但刪除data-position =「fixed」

做成一個類

<div id="header"><h1>Fixed header!</h1></div>

CSS：

#header{ 
position:fixed; 
top:0; 
}

編輯 *

您是否嘗試過檢查你的內心對象的保證金？如果AP標籤或H1或使他們有標準邊距

如果我看看你給BTW我不喜歡jQuery Mobile的原因它提供了更多的問題比它可以幫助TBH ..但無論如何鏈接它似乎有1px左右的邊框是否有鏈接到您的網站？

來源

2013-02-01 11:35:34

我不使用jQuery Mobile（我同意你關於jQM的句子）。我想用一個例子來表明同樣的問題也存在。 – jarekpelczynski

atleast do top：-1px;作爲黑客，如果你不發送代碼，我不能調試它，所以如果你讓一個jsfiddle我會很樂意爲你調試它 –

top：-1px;也在我的手機上留下了空白。甚至頂部：-10px; – ino

我有同樣的問題，我解決了它不小心，當我在我的activity.java加入這一行：

mWebView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);

，並在清單android:hardwareAccelerated="true"的<application>標籤下。這會嘗試禁用軟件渲染器而不是硬件渲染器，並且它可以在我的4.0.1設備上運行。

如果您使用的是帶有固定的頁眉和頁腳的WebView，你可能還需要添加以下也因此閃動的動畫在頁眉/頁腳消失：

mWebView.setOverScrollMode(View.OVER_SCROLL_NEVER);

來源

2013-04-29 00:08:53 ino

我有上面的1px的差距當使用帶有Cordova 3.0.0的英特爾應用程序框架2時，Android 4墊中的固定標題。目標Android版本設置爲4.3。

當我在以前的項目中將目標Android版本設置爲2.3.3時，問題不存在。

最後我發現，當我在AndroidManifest.xml中設置hardwareAccelerated =「false」（在兩個地方）時，1 px差距消失了。

來源

2013-10-22 07:29:05 ausiuming

我找到了解決辦法：

這是手機上的CSS問題。

body { 
    << height : 100%; don't use it >> 
    width: 100%; 
    margin:0; 
    padding:0; 
    top: -1px; 
}

HardwareAccelaration：真

來源

2014-03-17 05:49:39 user3408707

Android 4+瀏覽器上的固定標題之上的差距

回答

相關問題