jquery - 自动完成面板位置检测

Question

我正在使用 jQuery-ui 的 Autocomplete 插件，但现在我想在这个插件中添加位置检测。

这个想法是当浏览器底部和文本框之间的空间较小时显示面板，自动完成将自动显示在文本框的上方，默认位置通常在文本框下方。

在自动补全功能中，有一个属性可以设置面板的位置，但是由于是属性，所以无法调用。

This is default configuration, the panel will be displayed below textbox. 
$("#aaa").autocomplete({
    position:{my:"left top", at:"left bottom"}
})

然后我将其更改为以下代码，然后面板将显示在文本框上方

$("#aaa").autocomplete({
    position:{my:"left bottom", at:"left top"}
})

我已经可以检测到文本框下方的空间小于我们设置的值，但不知道如何将这个想法实现到代码中。

谢谢