एंड्रॉइड 4+ ब्राउज़र पर फिक्स्ड हेडर के ऊपर गैप

Question

स्क्रॉलिंग के दौरान अंतर (स्क्रीन पर) को हटाने के लिए कोई विचार कैसे है? हैडर की स्थिति तय है और अंतराल केवल एंड्रोड पर दिखाई देता है (एंड्रॉइड 4.0.4 पर परीक्षण)।

हैडर के लिए जिम्मेदार कोड का एक हिस्सा:

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> 

सीएसएस:

.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

अद्यतन:

समस्या iOS पर नहीं होती है (आईओएस पर परीक्षण 5 +)

Answer 1

लेकिन हटाना अपने डेटा-स्थिति = "निश्चित"

कक्षा

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

सीएसएस:

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

संपादित *

आप अपने भीतर वस्तु पर मार्जिन की जांच करने की कोशिश की है? अपने एपी टैग या h1 या तो वे मानक मार्जिन

अगर मैं लिंक आप btw दिया मैं jQuery मोबाइल कारण यह और अधिक समस्याओं देता है की तुलना में यह tbh में मदद करता है पसंद नहीं .. लेकिन किसी भी तरह की जाँच ऐसा लगता है अगर यह है कि 1px पर एक सीमा या तो क्या आपकी साइट पर एक लिंक है?

Answer 2

मैं एक ही मुद्दा था और मैं इसे गलती से हल किया जब मैं अपने activity.java में इस लाइन कहा:

mWebView.setLayerType(View.LAYER_TYPE_SOFTWARE, null); 

और प्रकट में android:hardwareAccelerated="true"<application> टैग के तहत। यह हार्डवेयर एक के पक्ष में सॉफ़्टवेयर रेंडरर को अक्षम करने का प्रयास करता है, और यह मेरे 4.0.1 डिवाइस पर काम करता है।

आप तय शीर्ष लेख और पाद साथ वेबव्यू का उपयोग कर रहे हैं, तो आप भी जोड़ सकते हैं भी निम्न इसलिए शीर्षलेख/पादलेख से अधिक चमकती एनीमेशन गायब हो जाता है:

mWebView.setOverScrollMode(View.OVER_SCROLL_NEVER); 

Answer 3

मैं ऊपर 1px खाई मिल गया है कॉर्डोवा 3.0.0 के साथ इंटेल ऐप फ्रेमवर्क 2 का उपयोग करते समय एंड्रॉइड 4 पैड में फिक्स्ड हेडर। लक्ष्य एंड्रॉइड संस्करण 4.3 के साथ सेट के साथ।

समस्या तब नहीं थी जब मैंने पिछले एंड्रॉइड संस्करण को पिछले प्रोजेक्ट में 2.3.3 पर सेट किया था।

अंत में मैंने पाया कि जब मैं AndroidManifest.xml में हार्डवेयर एक्सेलेरेटेड = "झूठी" (दो स्थानों में) सेट करता हूं, तो 1 पीएक्स अंतर समाप्त हो जाता है।

इस phonegap पर सीएसएस समस्या है:

Answer 4

मैं समाधान मिल गया।

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

HardwareAccelaration: सच