0

jQueryMobile アプリケーションで jQuery Autocomplete を使用しています。それは完全に機能します。今、iScroll.js を使用して、検索した項目のリストをスクロールしようとしています。これが私がやっていることです、

問題は、リスト全体をスクロールできないため、iscroll が提案ボックスの最初の項目にのみ適用されていることです。コードに何か不足している場合は助けてください。iScollを使用してこれを達成するのを手伝ってください。

オートコンプリート ボックスにカスタム タッチ ベースのスクロールバーを使用できるもう 1 つの方法を見つけましたが、カスタム スクロールバーが最初の検索でのみ表示され、リストが更新されると提案ボックスから消えるという問題があります。 ipad と android でオートコンプリートを使用する場合、オプションは問題ありません。

iScroll と jScrollPane を使用するよりも、これを行うためのより良い方法があると誰かが考えている場合は、提案を受け付けています。

4

1 に答える 1

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;
}

後で、どうしてもと言う場合は、その目的のために作成された多くの ライブラリを少し利用して、カスタム スクロールバーを割り当てることができます。

注: CSS スニペットは、公式のjQuery UI AutoComplete リファレンスから移植されています。

于 2012-06-04T11:29:47.597 に答える