Question

我在移动应用中使用google.maps.places.Autocomplete作为屏幕底部输入字段的一部分。当用户专注于输入字段时，虚拟键盘会出现缩短应用程序以适应键盘的情况。当这种情况发生时，通过places.Autocomplete建议出现在键盘下方。显然，您不希望将建议放在键盘前面，因为这些键会受到阻碍。

我的想法是将建议放在输入字段上方，但我无法弄清楚如何执行此操作。看来这是可能的，但我还没有找到一个连贯的方法来解决这个问题。我正在使用Javascript（尚未转换为jQuery - 是的，我知道，让火焰开始）。

是否有其他方法可以解决此问题，因此键盘不会涵盖这些建议？

Answer 1

<code><script src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
        <script type="text/javascript">
            function initialize() {
                var input = document.getElementById('searchLocations');  
                new google.maps.places.Autocomplete(input);
            }
            google.maps.event.addDomListener(window, 'load', initialize);
        </script>

在正文部分中添加输入字段名称 searchLocations 。谢谢守门

Answer 2

在搜索建议框中添加边距

.pac-container{
  margin-top: - 200px
}

Javascript自动填充建议放在输入字段上方

2 个答案: