Vị trí Tự động Hoàn thành Giao diện Người dùng JQuery

Question

Tôi muốn đặt vị trí tự động hoàn thành (menu) của tôi đúng liên quan đến cửa sổ trình duyệt. Đó là, khi tự động hoàn tất ở đầu trang, trình đơn sẽ xuống và nếu ở cuối trang, trình đơn sẽ xuất hiện (ngay cả khi chúng tôi có một số thanh cuộn dọc).

Thx.

Answer 1

Sử dụng tùy chọn để kích hoạt position phát hiện va chạm:

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

DEMO

Các autocomplete sử dụng các tiện ích jQuery UI Position dễ dàng đặt menu tương đối để các yếu tố đầu vào.

Tùy chọn collision để tự động di chuyển phần tử đến vị trí thay thế trong trường hợp phần tử không thể xem được theo hướng mặc định trong chế độ xem.

Giá trị flip sẽ hiển thị menu bên dưới hoặc phía trên, theo hướng sẽ có thể xem được hoàn toàn.