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頁面是越南語，只需使用導航欄中的搜索框:)