Android – Webview, Eingabefelder verdoppelt?

Ich versuche, eine Android-App zu erstellen, die eine Webansicht verwendet, damit Benutzer ihren Benutzernamen / Passwort eingeben können, aber beim Tippen auf die Eingabefelder, die sie verdoppeln (siehe Bild unten). Ich benutze das iScroll jQuery Plugin, damit Benutzer die Seite nach oben scrollen können, wenn die Tastatur aufkommt und den Eingabebereich blockiert. Hier ist das Layout / CSS:

CSS:

  • Kontextimplementierung
  • Verhinderung der Erweiterung der Statusleiste
  • Android asynctask sendet callbacks zu ui
  • Android Studio kann meine Eclipse-Projekte nicht direkt oder als Gradle-Projekt importieren
  • Platzieren / Überlappen (z-Index) eine Ansicht über eine andere Ansicht in android
  • Wie teste ich die Ladegeschwindigkeit?
  • #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> ... 

    Ich bemerke, dass egal, welche Webseite ich auf die Android-Plattform anschaue, überlagert es eine zusätzliche Eingabebox über die Eingabe, die ich gerade geklopft habe. Der Schlüssel, denke ich, wäre, den Webview-Standard in diesem Fall zu deaktivieren? Wie machst du das oder kannst du auch?

    Vielen Dank

    Doppelte Eingabe

  • Javascript + phoneGap - wie zu erkennen, wann in einem aktiven Telefonanruf
  • AlertDialog innerhalb vonClickListener
  • Wie man diese Art von Pinsel für Farbe in Android zu schaffen
  • Android Screenshot über Code nehmen
  • Wie bekomme ich Nationalfeiertage des ausgewählten Landes
  • NestedScrollView (NSV) in CoordinatorLayout (CL): NSV nicht am Anfang, wenn geladen
  • 2 Solutions collect form web for “Android – Webview, Eingabefelder verdoppelt?”

    Dies ist wahrscheinlich mit CSS-Übergängen verbunden. Das Telefon scheint die reale Position des Textfeldes zu verlieren. Grundsätzlich scheint es zwischen der absoluten Positionierung und dem translate3d () zu verwechseln, die iscroll macht. Ein einfacher Weg, um es zu beheben ist, setate3d (0,0,0) am Anfang auf deinem div zu setzen, um sicherzustellen, dass es weiß, wo es ist. Werfen Sie einen Blick auf meinen Artikel für weitere Details: http://java-cerise.blogspot.com/2011/10/dodgy-double-input-fields-on-android.html Hoffnung, die hilft.

    Füge folgendes hinzu css:

     #your-container-div-id{ -webkit-transform: translate3d(0,0,0); } 
    Das Android ist ein Google Android Fan-Website, Alles ├╝ber Android Phones, Android Wear, Android Dev und Android Spiele Apps und so weiter.