使用 iScroll 的 Jquery 自动完成

Question

我在我的 jQUeryMobile 应用程序上使用 jQuery Autocomplete。它工作得很好。现在我正在尝试使用 iScroll.js 滚动浏览查找元素的列表。 Here这就是我正在做的，

问题是 iscroll 仅适用于建议框的第一项，因为我无法滚动整个列表。如果我的代码中遗漏了任何内容，请帮助我。请帮助我使用 iScoll 实现这一目标。

我found我们可以为自动完成框使用基于自定义触摸的滚动条的另一种方法，但存在一个问题，即自定义滚动条仅在第一次搜索时出现，并且在刷新列表时从建议框中消失，我该如何解决这个问题，因为这两个选项都是在 ipad 和 android 中使用我的自动完成对我来说很好。

如果有人认为有比 iScroll 和 jScrollPane 更好的方法来做到这一点，我愿意接受建议。

Answer 1

我建议中止 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 .