6

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

你可以看看我在这里面对的是什么。请注意，此示例不是由我创建的，因此我不确定此处是否使用了相同的 jquery 插件。尽管如此，问题还是差不多的。

4

4 回答 4

10

将此添加到CSS

     .ui-autocomplete { 
       height: 200px;
       overflow-y: scroll;
       overflow-x: hidden;
     }
于 2015-05-03T08:38:28.620 回答
5

可能您缺少自动完成选项中的 appendTo-attribute 。它默认为body，但您可能希望将它作为您的容器div（如果没有看到您的代码，很难确切地说出来）。

见文件。

于 2013-01-22T11:15:46.183 回答
0

我知道这很旧，但我只是在我自己的项目中通过在我的项目中将“位置：固定”的 CSS 属性添加到“.ui-autocomplete”来解决这个问题。如果您愿意，请在此处查看：34.212.191.181:3000。

P / s页面是越南语，只需使用导航栏中的搜索框即可：）

于 2017-07-01T08:23:19.697 回答
0

但是您是否检查过场景，在应用高度和溢出后，结果无法使用键盘向下箭头滚动列表，而键盘向下箭头可以使用鼠标滚动。如果我们使用键盘滚动它，则保持滚动条理想，并使突出显示值遍历整个列表。

于 2015-10-19T10:29:31.397 回答