Android--Webview，输入框翻倍？

Posted 2023-05-07

【中文标题】Android--Webview，输入框翻倍？

【英文标题】：Android--Webview, Input boxes doubled?

【发布时间】：2011-07-17 20:28:26

【问题描述】：

我正在尝试创建一个 android 应用程序，该应用程序使用 webview 允许用户输入他们的用户名/密码，但是在点击输入框时，它们会加倍（见下图）。我正在使用 iScroll jQuery 插件来允许用户在键盘出现并阻止输入区域时向上滚动页面。这是布局/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 的默认设置？你是怎么做到的，或者你能做到吗？

谢谢

【问题讨论】：

完全没有。我放弃了，去了本地人。对不起。

有同样的问题，该死的。添加那些 translate3d CSS 属性对我没有帮助。 :(

这个对我有用！ ***.com/questions/9423101/…

【参考方案1】：

这很可能与 CSS 过渡有关。手机似乎忘记了文本字段的真实位置。基本上，它似乎在绝对定位和 iscroll 正在执行的 translate3d() 之间感到困惑。修复它的一种简单方法是在您的 div 开始时设置 translate3d(0,0,0) 以确保它知道它在哪里。 请查看我的文章了解更多详细信息： http://java-cerise.blogspot.com/2011/10/dodgy-double-input-fields-on-android.html 希望对您有所帮助。

【参考方案2】：

向你的 CSS 添加以下内容：

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