Android - 键盘覆盖输入框 - 即使在Chrome浏览器中

时间:2016-09-15 17:24:25

标签: javascript android html css html5

当出现软键盘时,是否有HTML5 css / js解决方案来提升窗口内容?

例如,如果您在Android设备上打开duckduckgo.com并在输入字段中输入文本,则当软键盘出现时,它会将内容颠覆,因此它不会覆盖输入框。< / p>

将其与键盘覆盖输入框一半的shouttag.com进行比较。

这种情况发生在我们的webview原生应用上,但在通过Chrome查看网站时也会发生这种情况。

更新1:

貌似fullpage.js api可能是罪魁祸首,挖掘更多。

1 个答案:

答案 0 :(得分:1)

好的,这就是我修复问题的方法,显然html锚是特定于我的sitch,所以你可以根据需要改变,重要的东西是焦点/模糊和fxs。

<div style="background:url({{file_url(content.field_img['#items'].entity.uri.value) }}) no-repeat center;"></div>