自動完成列表在vuejs2中向上滾動，不帶jquery

在vuejs2中從頭開始自動完成，顯示一些結果，其餘部分隱藏起來，可以在滾動包含所有結果的內部div元素時看到。自動完成列表在vuejs2中向上滾動，不帶jquery

爲了讓用戶輕鬆瀏覽結果，我使用了上鍵和下鍵實現了上鍵，但內鍵與結果不滾動。

如何滾動溢出的元素：y：hidden？這是我的html代碼：

<ul style="max-height: 180px;overflow: auto;"> 
    <li>one</li> 
    <li>two</li> 
    <li>three</li> 
    <li>four</li> 
</ul>

但沒能獲得重點從輸入框到列表中。在此先感謝

2017-09-18 Kumar_14

而不是overflow-y: hidden你可以設置overflow-y: auto得到一個滾動條。

對於滾動，您可以使用scrollTop屬性。這裏是一個例子：https://jsfiddle.net/1ysmmckm/。

2017-09-21 04:57:00

謝謝sui，但我已經試過了。它不工作的原因是因爲焦點在輸入框而不是列表上。 –

@ Kumar_14，重點在於我的例子中的輸入。也許你可以提供一個你的代碼的例子嗎？ –

@ Kumar_14，如果你實現了向上和向下鍵觸發，你可以在你的函數中添加使用scrollTop屬性的邏輯。 –

回答