Javascript jQuery自动完成滚动问题

Javascript jQuery自动完成滚动问题,javascript,jquery,ruby-on-rails,autocomplete,jquery-autocomplete,Javascript,Jquery,Ruby On Rails,Autocomplete,Jquery Autocomplete,我正在我的应用程序中使用。我面临着以下问题: 如果在输入字段中输入某些内容,以便显示自动完成数据,然后滚动页面,则包含自动完成数据的框不会随页面一起滚动。它保持在相同的位置 你可以看看我面对的是什么。注意,这个示例不是我创建的,所以我不确定这里是否使用了相同的jquery插件。尽管如此,问题还是一样的。您可能在“自动完成选项”中缺少appendTo属性。它默认为body,但您可能希望将其作为容器div(如果不查看代码,很难说准确) 请参阅。将此添加到css .ui-autocomple

我正在我的应用程序中使用。我面临着以下问题: 如果在输入字段中输入某些内容,以便显示自动完成数据,然后滚动页面,则包含自动完成数据的框不会随页面一起滚动。它保持在相同的位置


你可以看看我面对的是什么。注意,这个示例不是我创建的,所以我不确定这里是否使用了相同的jquery插件。尽管如此,问题还是一样的。

您可能在“自动完成选项”中缺少appendTo属性。它默认为body,但您可能希望将其作为容器div(如果不查看代码,很难说准确)

请参阅。

将此添加到css

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

但是你检查过这个场景了吗?在应用高度和溢出后,结果无法使用键盘向下箭头滚动列表,而键盘向下箭头可以使用鼠标滚动列表。如果我们使用键盘滚动它,保持滚动条的理想状态,并使突出显示值在整个列表中遍历。

我知道这是旧的,但我只是在我自己的项目中通过在我的项目中添加一个CSS属性“position:fixed”to.ui autocomplete”来解决这个问题。如果你想查看,请点击这里:34.212.191.181:3000

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