jQuery自動完成滾動問題

我在我的應用程序中使用rails3-jquery-autocomplete。我遇到了以下問題：如果您在輸入字段中輸入某些內容以顯示自動填充數據，並在此之後滾動頁面，則包含自動填充數據的框不會與該頁面一起滾動。它保持在相同的位置。jQuery自動完成滾動問題

你可以看看我面臨的是什麼here。請注意，這個例子不是由我創建的，所以我不確定這裏使用了相同的jquery插件。不過，這個問題是相同的。

發佈一些代碼。 – 2012-07-19 09:59:27

可能您錯過了從選項到自動完成的appendTo-attribute。它默認爲body，但你可能想要它的容器div（很難說完全沒有看到你的代碼）。

請參閱documents。

2013-01-22 11:15:46 merryprankster

這是sooooooooooooooooooo有幫助！謝謝！ – Andrei 2014-04-15 09:09:03

它添加到CSS

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

2015-05-03 08:38:28 Maysam

但你檢查的情況下，運用高度和溢出的結果可能無法通過使用鍵盤的向下箭頭列表，可能滾動的滾動後使用鼠標。如果我們使用鍵盤來滾動它，使滾動條保持理想，並使高亮值遍歷整個列表。

2015-10-19 10:29:31 Viswa

我知道這是舊的，但我只是通過在我的項目中添加一個「position：fixed」的CSS屬性到「.ui-autocomplete」來解決這個問題。如果你想要，請在這裏查看：34.212.191.181:3000。

P/s頁面是越南語，只是在導航欄中的搜索框中玩:)

2017-07-01 08:23:19

回答