jQuery-autocomplete滚动问题

时间:2012-07-19 09:56:46

标签: javascript jquery ruby-on-rails autocomplete jquery-autocomplete

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

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

4 个答案:

答案 0 :(得分:6)

将此添加到css

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

答案 1 :(得分:5)

您可能缺少从自动填充选项的appendTo属性。它默认为 body ,但您可能希望将它作为容器 div (很难说没有看到您的代码)。

请参阅documents

答案 2 :(得分:0)

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

答案 3 :(得分:0)

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

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