jQuery UI 自动完成位置

Question

我想相对于浏览器窗口正确定位我的自动完成（菜单）。也就是说，当自动完成在页面顶部时，菜单会向下，如果在页面底部，菜单会向上（即使我们有一些垂直滚动条）。

谢谢。

Answer 1

使用position 选项激活碰撞检测：

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

DEMO

自动完成功能使用jQuery UI Position 实用程序轻松地相对于输入元素放置菜单。

collision 选项自动将元素移动到另一个位置，以防元素在视口中的默认方向不可见。

flip 值将显示下方或上方的菜单，方向为完全可见。