Question

我在jqueryMobile应用程序上使用jQuery Autocomplete。它完美地运作。现在我正在尝试使用iScroll.js滚动查找项目列表。我正在做Here，

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

我found我们可以使用基于自定义触摸的自动填充框滚动条的另一种方法，但是有一个问题是自定义滚动条只出现在第一次搜索时，当列表刷新时，它会从suggasbox框中消失，如何我可以解决这个问题吗，因为在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移植。

使用iScroll进行Jquery自动完成

1 个答案: