Question

我想根据浏览器窗口正确定位自动完成功能（菜单）。也就是说，当自动填充位于页面顶部时，菜单会下降，如果位于页面底部，菜单会上升（即使我们有一些垂直滚动条）。

THX。

Answer 1

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

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

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

选项collision可自动将元素移动到替代位置，以防在视口中无法在默认方向上查看该元素。

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