JQuery UI Autocompletar Posición

Question

Me gustaría ubicar mi autocompletar (menú) correctamente en relación con la ventana del navegador. Es decir, cuando la función de autocompletar está en la parte superior de la página, se baja el menú y si en la parte inferior de la página sube el menú (incluso si tenemos alguna barra de desplazamiento vertical).

Thx.

Answer 1

Utilice la opción position para activar la detección de colisiones:

$("#someElement").autocomplete({ 
    source: [...] 
    position: { collision: "flip" } 
});​ 

DEMO

El autocompletar utiliza la utilidad jQuery UI Position colocar fácilmente el menú con relación al elemento de entrada.

La opción collision para mover automáticamente el elemento a una posición alternativa en caso de que el elemento no se pueda ver en la dirección predeterminada en la ventana gráfica.

El valor flip mostrará el menú a continuación o superior, en la dirección en que se podrá ver completamente.