JQuery UI Autouzupełnianie Pozycja

Question

Chciałbym ustawić moje autouzupełnianie (menu) poprawnie w stosunku do okna przeglądarki. Oznacza to, że gdy autouzupełnianie znajduje się na górze strony, menu się obniża, a jeśli na dole strony pojawi się menu (nawet jeśli mamy pionowy pasek przewijania).

Thx.

Answer 1

Użyj opcji position aktywować wykrywanie kolizji:

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

DEMO

Autouzupełnianie wykorzystuje narzędzia jQuery UI Position łatwo umieścić menu względnie do elementu wejściowego.

Opcja collision automatycznie przesuwa element do alternatywnej pozycji, na wypadek gdyby element nie był widoczny w domyślnym kierunku w oknie podglądu.

Wartość flip pokaże menu poniżej lub powyżej, w kierunku będzie w pełni widoczne.