Android - Webview，输入框加倍？

Question

我正在尝试创建一个使用webview的Android应用程序，允许用户输入他们的用户名/密码，但点击输入框后，他们会加倍（见下图）。我正在使用iScroll jQuery插件，允许用户在键盘出现时滚动页面并阻止输入区域。这是layout / css：

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>
...

我注意到无论我在Android平台上查看哪个网页，它都会在我刚刚点击的输入上覆盖一个额外的输入框。我想，关键是在这种情况下禁用webview的默认值？你是怎么做到的，或者你甚至可以吗？

由于

Answer 1

这可能与CSS过渡有关。手机似乎忘记了文本字段的真实位置。基本上，它似乎在绝对定位和iscroll正在进行的translate3d（）之间混淆。一个简单的解决方法是在你的div上设置translate3d（0,0,0），以确保它知道它在哪里。 有关详细信息，请查看我的文章： http://java-cerise.blogspot.com/2011/10/dodgy-double-input-fields-on-android.html 希望有所帮助。

Answer 2

将以下内容添加到css：

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