Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/443.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript IOS虚拟键盘隐藏页面底部文本框_Javascript_Html_Ios_Css - Fatal编程技术网

Javascript IOS虚拟键盘隐藏页面底部文本框

Javascript IOS虚拟键盘隐藏页面底部文本框,javascript,html,ios,css,Javascript,Html,Ios,Css,我们有一个固定页眉页脚和可滚动内容的网页 它有20个文本框。底部的那些,例如Zip、电话,被文本框焦点上弹出的iOS虚拟键盘遮住了 如果我检测到用户有一个带有虚拟键盘的设备,我可以在底部文本框中添加半个屏幕填充,这样用户就可以向下滚动,而虚拟键盘不会遮挡它 这是正常的处理方法吗?如果是,是否有JavaScript/css方法来检测设备是否会弹出虚拟键盘?或者,既然它是一个aspx页面,我们应该尝试在服务器端检测它吗 事实上,iOS现在似乎没有这个问题——而是将底部向上推,而不是突然弹出。我不知道

我们有一个固定页眉页脚和可滚动内容的网页

它有20个文本框。底部的那些,例如Zip、电话,被文本框焦点上弹出的iOS虚拟键盘遮住了

如果我检测到用户有一个带有虚拟键盘的设备,我可以在底部文本框中添加半个屏幕填充,这样用户就可以向下滚动,而虚拟键盘不会遮挡它

这是正常的处理方法吗?如果是,是否有JavaScript/css方法来检测设备是否会弹出虚拟键盘?或者,既然它是一个aspx页面,我们应该尝试在服务器端检测它吗


事实上,iOS现在似乎没有这个问题——而是将底部向上推,而不是突然弹出。我不知道为什么以前会发生这种情况。

你通常应该添加填充,然后它会上升,更方便用户使用。我认为这是个好主意。我认为这是正常的。

添加填充肯定是有效的,尽管它可能会稍微降低您的网页质量。但是,如果这是一个需要立即采取行动的反复出现的问题,我建议使用填充

关于StackOverflow的这个问题应该对您很有帮助: