Android - Webview, Giriş kutuları iki katına çıktı?

Question

Kullanıcıların kullanıcı adlarını/şifrelerini girmelerine izin vermek için bir web görünümü kullanan bir Android uygulaması oluşturmaya çalışıyorum ancak giriş kutularına dokunduğunda ikiye katlanıyor (aşağıdaki resme bakın). IScroll jQuery eklentisini kullanarak, kullanıcıların klavye ekrana geldiğinde sayfayı yukarı kaydırmasını ve giriş alanını bloke etmesini sağladım. İşte düzen/css geçerli:

CSS:

#scroller{ 
    position:absolute; 
    overflow:hidden; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    z-index:0; 

} 
#scroll_content { 
    margin-top: 70px;/*must match the topbar height*/ 
    padding-bottom:70px; 
} 

html:

... 
<div id="scroller"> 
    <div id="scroll_content"> 
    <!-- page content here --> 
    </div> 
</div> 
... 

olursa olsun ben Android platformu üzerinde görüntülemek hangi web sayfası, bu ekstra bir giriş kutusu kaplayan fark yok Girdiğin giriş üzerinden. Anahtar, bu durumda web görünümünün varsayılanını devre dışı bırakacak mıydı? Bunu nasıl yapıyorsun, ya da yapabilir misin?

Teşekkür

Answer 1

Bu CSS geçişleri ile bağlantılı olduğu muhtemeldir. Telefon, metin alanının gerçek konumunu izler gibi görünüyor. Temel olarak, mutlak konumlandırma ile iscroll'un yaptığı translate3d() arasında karıştırılmış gibi görünüyor. Düzeltmenin kolay bir yolu, nerede olduğunu bildiğinden emin olmak için translate3d (0,0,0) değerini divunuzda ayarlamaktır. Daha fazla bilgi için makaleme bir göz atın: http://java-cerise.blogspot.com/2011/10/dodgy-double-input-fields-on-android.html yardımcı olacağını umuyorum.

Answer 2

eklenti size şu css:

#your-container-div-id{ 
    -webkit-transform: translate3d(0,0,0); 
}