Chrome屏幕键盘阻止了移动设备页面底部的内容

时间:2019-02-10 17:57:13

标签: javascript css google-chrome responsive mobile-website

在这里,我录制了有关问题的视频。 https://www.youtube.com/watch?v=WZbKix3XGTE

问题是键盘在屏幕上时。键盘后面的内容无法访问。如果有输入页面末尾,用户将看不到正在输入的内容。

我仅在chrome浏览器上有此问题,其他浏览器工作正常。

我认为与此相关的所有解决方案都包含javascript。但是我不确定javascript能否完美地处理这个问题。我想在开始之前询问您的知识。仅使用CSS或其他工具,还有其他选择吗?

示例代码

button

Codepen链接 https://codepen.io/hllktlhndd/pen/yZKzyZ

1 个答案:

答案 0 :(得分:0)

您得到答案了吗? 之前还可以,但是现在android-chrome位于页面顶部,不再将其推上去。 我正在使用webview,也许他们有一些选择吗?

快速解决方案是在屏幕底部添加填充,可能为200-300px