jQuery自动完成滚动问题

jQuery-autocomplete scroll issue

本文关键字：滚动 问题 jQuery      更新时间：2023-12-01

我在应用程序中使用rails3-jquery自动完成。我遇到了以下问题：如果在输入字段中输入一些内容，以便显示自动完成数据，然后滚动页面，则包含自动完成数据的框不会随页面滚动。它保持在同一位置。

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

将其添加到css

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

可能在选项到自动完成中缺少appendTo属性。它默认为body，但您可能希望将其作为容器div（如果看不到您的代码，很难说准确）。

请参阅文档。

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

我知道这是旧的，但我只是在自己的项目中通过在项目中的".ui autocomplete"中添加一个CSS属性"position:fixed"来修复它。如果你想的话，请在这里查看：34.212.191.181:3000。

p/s页面是越南语的，只需播放导航栏中的搜索框：）

相关文章：