2016-02-26 48 views
1

我在我的網站上有一個來自Google Places API的工作搜索框和自動完成功能。問題是,當搜索框太靠近屏幕邊緣時,自動完成下拉菜單顯示爲BELOW,而您看不到它。您如何將Google Places自動填充API的下拉列表設置爲「自適應」?

如何使其響應?所以當下拉菜單離開屏幕時,它會轉到另一邊,它實際上是可見的?

我見過這裏的文檔:https://developers.google.com/maps/documentation/javascript/places-autocomplete 我看到他們有一個類下拉「pac容器」,但沒有關於它。

有誰知道如何解決這個問題?謝謝!

+0

相關的問題:谷歌地圖API會將菜單(http://stackoverflow.com/questions/12758855/google-maps-api-places-menu),[谷歌地圖自動完成容器的位置](http://stackoverflow.com/questions/35063875/google-maps-autocomplete-container-position);沒有答案。 – geocodezip

+0

CSS相關問題:[在CSS中的下拉菜單?](http://stackoverflow.com/questions/4329066/dropup-menus-in-css),[使DropDown菜單'DropUp'](http://stackoverflow.com /問題/ 16240828 /製作,下拉菜單,dropup);不知道他們是否會爲你工作。 – geocodezip

回答

2

這爲我工作:

<style type="text/css"> 
    .pac-container{ 
    margin-top: -210px; 
    } 
</style> 
相關問題