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 希望有所 帮助.