滚动页面时，Jquery 自动完成框保持在同一位置

Question

当我使用 jquery 自动完成时，当该框出现时，然后当我向下滚动页面时，该框保持在相同的位置。当用户滚动时，如何将菜单保留在文本字段的正下方？

另外，在我的代码中，我有一个运行 ajax 函数的 onkeyup 事件，当它返回时，我使用它更改自动完成标记的内容

        // get the search box element
        var input = $("#" + searchBoxID);

        // set its autocomplete tag list
        input.autocomplete({
            source: availableTags
        });

        // force its autocomplete menu to show
        input.autocomplete("search", input.val());

我该如何解决这个问题？谢谢。

我还找到了一些关于使用 appendto 代码的答案 jQuery-autocomplete scroll issue .

但我不知道如何使用它。

Answer 1

您可以使用CSS样式的position属性使自动压缩框相对于输入框。

职位:“相对”；