Javascript 自动完成搜索框上方的强制pac容器

Javascript 自动完成搜索框上方的强制pac容器,javascript,autocomplete,hidden,search-box,Javascript,Autocomplete,Hidden,Search Box,我很难弄明白怎么做 我使用的是google.map.places.Autocomplete,它工作正常,但由于应用程序/屏幕的大小,带有返回的搜索列表的pac容器位于设备虚拟键盘后面,因此在我测试过的设备中,大约一半的设备上,用户看不到返回的地址列表。显然,您不希望将pac容器放在键盘前面,因为这样会隐藏各种键盘键 如何强制pac容器出现在搜索/输入框上方(并向上滚动?最简单的方法是检查键盘何时打开,然后稍微减去页面边距 body.keyboardopen { margin-top:

我很难弄明白怎么做

我使用的是google.map.places.Autocomplete,它工作正常,但由于应用程序/屏幕的大小,带有返回的搜索列表的pac容器位于设备虚拟键盘后面,因此在我测试过的设备中,大约一半的设备上,用户看不到返回的地址列表。显然,您不希望将pac容器放在键盘前面,因为这样会隐藏各种键盘键


如何强制pac容器出现在搜索/输入框上方(并向上滚动?

最简单的方法是检查键盘何时打开,然后稍微减去页面边距

body.keyboardopen {
     margin-top: -@keyboardheight;
}

也许你们可以提供一些代码、测试用例来开始帮助你们,因为每个人都可以想象和创建他想要的场景!您可以尝试检测键盘何时处于活动状态,并将pac容器的高度限制为新的
窗口。innerHeight
,同时使其可滚动,以便找到溢出的结果。看到这个了吗