jQuery-autocomplete滚动问题

Question

我在我的应用程序中使用rails3-jquery-autocomplete 。 我遇到了以下问题：如果您在输入字段中输入内容以显示自动填充数据并在此之后滚动页面，则自动填充数据框不会随页面滚动。 它保持在同一个位置。

你可以看看我在这里面对的是什么。 请注意，此示例不是由我创建的，因此我不确定此处是否使用了相同的jquery插件。 然而问题是完全一样的。

Answer 1

将此添加到CSS

     .ui-autocomplete { 
       height: 200px;
       overflow-y: scroll;
       overflow-x: hidden;
     }

Answer 2

您可能缺少从自动填充选项的appendTo属性。 它默认为body ，但你可能想要它是你的容器div （很难说没有看到你的代码）。

见文件 。

Answer 3

但你有没有检查过这个场景，在应用高度和溢出后，结果无法使用键盘向下箭头滚动列表，这可以使用鼠标滚动。 如果我们使用键盘滚动它，保持滚动条理想，并使高亮值在整个列表中遍历。

Answer 4

我知道这已经过时但我只是通过在我的项目中将“position：fixed”的CSS属性添加到“.ui-autocomplete”来修复我自己的项目。 如果你愿意，请在这里查看：34.212.191.181：3000。

P / s页面是越南语，只需使用导航栏中的搜索框:)