2012-06-04 37 views
0

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

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

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

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

回答

0

我建議中止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; 
} 

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

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

+0

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

+0

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

+0

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