Khoảng cách trên tiêu đề cố định trên trình duyệt Android 4+

Question

Bất kỳ ý tưởng nào về cách xóa bỏ khoảng trống (trên màn hình) hiện ra trong khi cuộn? Tiêu đề có vị trí cố định và khoảng cách chỉ xuất hiện trên Androd (thử nghiệm trên Android 4.0.4).

Một phần của mã chịu trách nhiệm về tiêu đề:

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; 
} 

Ngoài ra bạn có thể xem ví dụ tại jquery mobile docs

UPDATE:

Vấn đề không xảy ra trên iOS (thử nghiệm trên iOS 5 +)

Answer 1

Nhưng xóa của bạn data-position = "fixed"

tạo một lớp

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

css:

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

EDIT *

Bạn đã cố gắng để kiểm tra bên lề trên đối tượng bên trong của bạn? nếu thẻ ap của nó hoặc h1 hoặc để chúng có lề chuẩn

nếu tôi kiểm tra liên kết bạn đã cung cấp btw i dont like jquery mobile gây ra nhiều vấn đề hơn nó giúp tbh .. nhưng dù sao đi nữa, có vẻ như nó có một biên giới trên 1px hoặc hơn để bạn có một liên kết đến trang web của bạn?

Answer 2

tôi đã cùng một vấn đề và tôi giải quyết nó vô tình khi tôi đã thêm dòng này trong activity.java tôi:

mWebView.setLayerType(View.LAYER_TYPE_SOFTWARE, null); 

và android:hardwareAccelerated="true" trong biểu hiện dưới thẻ <application>. Điều này cố gắng vô hiệu hóa trình kết xuất phần mềm có lợi cho phần cứng, và nó hoạt động trên thiết bị 4.0.1 của tôi.

Nếu bạn đang sử dụng webview với tiêu đề cố định và footer, bạn cũng có thể muốn thêm sau quá nên hoạt hình nhấp nháy trên header/footer biến mất:

mWebView.setOverScrollMode(View.OVER_SCROLL_NEVER); 

Answer 3

tôi đã có sự chênh lệch 1px trên tiêu đề cố định trong một pad Android 4, khi sử dụng Intel App Framework 2 với Cordova 3.0.0. Với phiên bản Android đích được đặt thành 4.3.

Sự cố không có khi tôi đặt phiên bản Android mục tiêu thành 2.3.3 trong các dự án trước đó.

Cuối cùng, tôi thấy rằng khi tôi đặt hardwareAccelerated = "false" (ở hai vị trí) trong AndroidManifest.xml, khoảng cách 1 px đã biến mất.

Answer 4

Tôi đã tìm thấy giải pháp:

đây là vấn đề về CSS trên thẻ điện thoại.

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

HardwareAccelaration: true