Позиция автозавершения JQuery UI

Я хотел бы правильно расположить автозаполнение (меню) относительно окна браузера. То есть, когда автозаполнение находится в верхней части страницы, меню перестает работать, и если в нижней части страницы появляется меню (даже если у нас есть вертикальная полоса прокрутки).

спасибо.

Ответы

Ответ 1

Используйте параметр position для активации обнаружения столкновений:

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

DEMO

Автозаполнение использует утилиту jQuery UI Position, чтобы легко разместить меню относительно элемента ввода.

Опция collision позволяет автоматически перемещать элемент в другую позицию, если элемент не будет отображаться в направлении по умолчанию в окне просмотра.

Значение flip отобразит меню ниже или выше, в направлении которого будет полностью отображаться.