JQuery UI自动完成位置

Question

我想将自动完成(菜单)与浏览器窗口相关联.也就是说,当自动完成位于页面顶部时,菜单会下降,如果在页面底部,菜单会上升(即使我们有一些垂直滚动条).

谢谢.

Answer 1

使用该position选项激活碰撞检测:

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

DEMO

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

collision如果元素在视口中的默认方向上不可见,则自动将元素移动到备用位置的选项.

该值flip将显示下方或上方的菜单,方向将完全可见.