jQuery與iScroll的自動完成

我在jQUeryMobile應用程序上使用jQuery自動完成。它完美的作品。現在我試圖使用iScroll.js來滾動瀏覽查找項目的列表。 Here是我在做什麼，jQuery與iScroll的自動完成

問題是，iscroll只適用於建議框的第一項，因爲我無法滾動整個列表。請幫助我，如果我什麼都沒有在我的代碼中。請幫我用iScoll實現這個目標。

I found還有一種方法，我們可以使用基於自定義觸摸的滾動條作爲自動填充框，但存在的問題是自定義滾動條僅出現在第一次搜索時，並且在清單刷新時從Suggesttion框中消失，我該如何修復這，因爲這兩個選項都適合我在ipad和android中使用我的自動完成功能。

如果有人認爲有比iScroll和jScrollPane更好的方式來做到這一點，我願意提供建議。

來源

2012-06-04 user1065490

我建議中止iScroll方法，並使用這個簡單的CSS：

.ui-autocomplete { 
    max-height: 100px; 
    overflow-y: auto; 
    /* prevent horizontal scrollbar */ 
    overflow-x: hidden; 
    /* add padding to account for vertical scrollbar */ 
    padding-right: 20px; 
} 
/* IE 6 doesn't support max-height 
* we use height instead, but this forces the menu to always be this tall 
*/ 
* html .ui-autocomplete { 
    height: 100px; 
}

以後，如果你堅持，你可以指定自定義滾動與創建many libraries out there一點幫助爲了這個目的。

注意： CSS代碼片段從官方jQuery UI AutoComplete reference移植。

來源

2012-06-04 11:29:47

使用自定義JS滾動條對我來說總是看起來像個壞主意，而在移動環境中可能會更糟。 – Terseus

@Terseus，你有沒有看過我的回答，或者評論是爲了張貼在問題上？ –

是的，我只是在使用你的CSS方法。 – Terseus

jQuery與iScroll的自動完成

回答

相關問題